首页 > 其他分享 >omitjs简单使用

omitjs简单使用

时间:2022-12-14 18:01:33浏览次数:58  
标签:omitjs const 简单 前端 omit 早茶 key 使用

欢迎关注前端早茶,与广东靓仔携手共同进阶

前端早茶专注前端,一起结伴同行,紧跟业界发展步伐~

1、omitjs干什么用的

返回一个没有列入排除key属性的对象。其中,参数object为JSON格式的对象,*keys表示多个需要排除掉的key属性。
用法


import omit from 'omit.js';
const inputProps = omit(otherProps, ['onGetCaptcha', 'countDown']);
<Input {...customprops} {...inputProps} />

替代方法


const {onGetCaptcha, countDown,  ...rest} = otherProps;
<Input {...customprops} {...inputProps} />

const abc = {a:12,b:23,c:34};
const {c,...rest} = abc;
console.log(abc);
console.log(rest);

2、omitjs源码怎么写的


import _extends from "babel-runtime/helpers/extends";
function omit(obj, fields) {
var shallowCopy = _extends({}, obj);
for (var i = 0; i < fields.length; i++) {
var key = fields[i];
delete shallowCopy[key];
}
return shallowCopy;
}
export default omit;

3、omit方法的其它类库 Underscor
4、omit 配合antd from使用 hoistStatics

import omit from 'omit.js';
// 作用: 从已经存在的对象中过滤特定属性
const formProps = omit(this.props, [
'prefixCls',
'className',
'layout',
'form',
'hideRequiredMark',
]);

 

import hoistStatics from 'hoist-non-react-statics';
// 作用:常用语高阶组件中,将被包裹元素的静态方法,“同步”到容器元素中。
hoistStatics(Container, WrappedComponent);

欢迎关注前端早茶,与广东靓仔携手共同进阶

前端早茶专注前端,一起结伴同行,紧跟业界发展步伐~


 



标签:omitjs,const,简单,前端,omit,早茶,key,使用
From: https://blog.51cto.com/feng/5937982

相关文章

  • 【FFH】OpenHarmony北向-Full SDK的获取与安装(使用系统接口)
    前言在我们开发一些应用能力并查阅文档中各式各类的API时,有时会看到很多不错的能力,却因为是系统能力而无法使用,在这里给出自己在开发的过程中的一些经验,解决因为没有FullS......
  • spring学习-1.使用Maven构建spring项目
    1.新建一个Maven项目​​​​​​项目的结构图​​​​2.配置pom.xml,引入项目需要的依赖,这里引入了spring,junit<?xmlversion="1.0"encoding="UTF-8"?><projectxmlns......
  • python json使用
    本质:字典和json字符串相互转换json.dumps将一个Python数据结构转换为JSONimportjsondata={'name':'myname','age':100,}json_str=json.dumps(d......
  • 使用nvm和安装nuxt3
    1.nvm安装及使用参照: https://www.cnblogs.com/sunbenbao/p/16587644.html2.nuxt3安装命令: npxnuxiinitnuxt3-app一直报错,搜索后可以参照 https://blog.cs......
  • linq 如何使用left join?
    提问linq如何使用leftjoin?回答fromvinlist1joincinlist2onv.[条件]equalsc.[条件]selectnew实体......
  • O2S.Components.PDF4NET.dll 使用方法
    一、图片合并成PDFstring path=图片路径;//初始化对象PDFDocumentdoc=newPDFDocument();//添加一页pdfdoc.AddPage();//使用Bitmap处理图像Bitmapbit=newB......
  • docker swarm集群安装使用
    1、安装masterdockerswarminit--advertise-addr10.98.10.186Swarminitialized:currentnode(qemrm3oqc537jpcsp0vqb60s6)isnowamanager.Toaddaworkert......
  • Java8:Lambdas(二)学习怎样去使用lambda表达式
    JavaSE8的发布很快就到了。伴随着它来的不仅仅是新的语言lambda表达式(同样被称为闭包或匿名方法)——伴随着一些语言特性支持——更重要的是API和library的增强将会使传统......
  • bashrc 配置文件自定义指南,如何快速cd到指定路径、添加别名、使用函数等
    目录bashrc配置文件是啥?自定义.bashrc配置文件的好处如何编辑bashrc配置文件使你的修改生效如何在.bashrc中使用别名——比如可以快速cd到某个路径起个别名——cdd,快速......
  • Linux man命令手册使用方法,man和man5区别
    1、https://www.modb.pro/db/4464931.man手册页简介man手册页(manualpages,“手册”),是类UNIX系统最重要的手册工具。多数Linux发行版都预装了它。Linux提供了丰富的帮......