自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

寬真

一切有为法 如梦幻泡影 如露亦如电 应作如是观

原创 报错 Cannot read property 'Symbol(Symbol.iterator)' of undefined

正确的写法是 Promise.all([promise1,promise2,promise3]) 而不是 Promise.all(promise1,promise2,promise3)

2020-02-16 12:23:07

阅读数 10

评论数 0

原创 解构赋值中的值为null无法设置默认值

后端返回值中 etlAccessAlarmVos:null, 我用解构赋值的方式const{accessTableVos=[],etlAccessAlarmVos=[]}=values,然后在下面获取到的etlAccessAlarmVos竟然也为空 ...

2020-02-16 12:22:18

阅读数 16

评论数 0

转载 antd Select如何中止选中

https://segmentfault.com/q/1010000018556609 通过From中的getValueFromEvent可以控制! import React from "react"; import ReactDOM from "react-d...

2020-02-12 19:59:25

阅读数 45

评论数 0

转载 [踩坑]Antd中Select组件中的defaultValue问题

[踩坑]Antd中Select组件中的defaultValue问题 我遇到一个类似下面的问题:antd Table columns render中return了一个Select,这个Select设置了defaultValue,第一次更改了这个值,然后通过Modal弹框,在弹框中更改了数据,本来是...

2020-02-09 23:28:53

阅读数 25

评论数 0

原创 antd 的message 在多层嵌套的函数中调用会导致报错么?

message 在函数中调用会导致报错么? // 测试联通性 function testonnectivity(e) { // let a = form.getFieldError('proxyUsername') form.valida...

2020-01-14 22:17:57

阅读数 19

评论数 1

原创 dva 的model中的effect报错后就不再执行的问题

总结:dva 的model中的effect报错后就不再执行,需要对提前对报错进行处理或者预防报错! // 获取接入参数详细配置 * queryAccessTableVo({ payload }, { race, call, put, take, select }) { ...

2020-01-13 11:47:50

阅读数 22

评论数 0

原创 antd自定义组件在componentWillMount中使用onChange返回组件默认值信息,多次切换其他Select的选项竟然导致报错

antd自定义组件在componentWillMount中使用onChange返回组件默认值信息,多次切换其他Select的选项竟然导致报错! WrappedCheckbox 自定义组件 如下,因为使用了componentWillMount import React, { Component ...

2020-01-12 22:17:52

阅读数 73

评论数 0

原创 antd自定义组件初始值没有返回或者设置initialValue,form.validateFields不会执行验证

在自定义组件中加个componentDidMount返回初始值就可以啦 componentDidMount() { const { onChange } = this.props; onChange({ ...this.state, ...

2020-01-12 19:10:59

阅读数 78

评论数 0

原创 console.log或者alert中的信息是有错的,不会提示而是直接没动静

2020-01-11 18:58:32

阅读数 5

评论数 0

原创 react报错: 代码中直接使用dispatch报错,dispatch is not a function

如果你像这样使用connect(()=>({},dispatch=>({})))(),在其第二个参数中将dispatch作为参数传了进去,那么你就没办法在代码中直接使用dispatch({type:''.,payload:""})这种形式,不然会...

2020-01-02 11:07:58

阅读数 54

评论数 0

转载 谈谈axios配置请求头content-type

contentType:告诉服务器,我要发什么类型的数据;对应得Content-Type需要对应得数据格式,这样也是方便后端解析,axios默认是发送json的数据格式。 dataType(我只在jq中用过):告诉服务器,我要想什么类型的数据,如果没有指定,那么会自动推断是返回 XML,还是JS...

2019-12-22 13:16:01

阅读数 11

评论数 0

原创 使用umi脚手架初始化项目的问题

在公司的电脑上,用umi的脚手架启一个新项目,发现也是各种各样的问题,什么yarn create umi不行,好歹行了之后执行yarn安装奇慢,后面换成了npm create umi,然后执行cnpm install 然后能够安装好,执行cnpm run start 能启动项目,没有问题!怎么感觉...

2019-12-21 18:37:13

阅读数 19

评论数 0

原创 yarn create umi 报错问题

有个项目会决定使用umi,决定采用umide 脚手架方式,这样能省不少事,虽然不应该被提倡。但是出现线面的问题 PS F:\data-train> yarn create umi yarn create v1.21.1 [1/4] Resolving packages... [2/4...

2019-12-21 17:44:15

阅读数 134

评论数 0

原创 用umi脚手架初始化项目提示在此系统禁止运行脚本是为什么?

因为在此系统上禁止运行脚本。 今天要初始化一个umi的项目,想使用umi的脚手架,这样感觉会方便点,但是执行yarn create umi或者npm create umi的时候报错,提示此系统上禁止运行脚本,我一开始以为是没有系统管理员权限导致的,找IT服务台开通了这个权限之后发现还是有问题,甚至...

2019-12-20 16:21:23

阅读数 14

评论数 0

原创 redux-saga细说

参考: https://blog.csdn.net/sinat_17775997/article/details/103524043 https://www.jianshu.com/p/6f96bdaaea22 redux-saga 中常见的几种模式(翻译)https://www.jians...

2019-12-17 21:18:09

阅读数 7

评论数 0

原创 css分组选择器和子元素选择器一起使用的时候子元素选择器应该写全父级选择器

本意是让.ant-table-fixed-right,.ant-table-fixed-left共享后面的选择器,发现这样写不行。 这样写当然不行啦,直接一个.>都没有选择父级选择器,所以应该使用下面这种形式 html .ant-table-small > .ant-tabl...

2019-12-17 12:05:16

阅读数 4

评论数 0

原创 用dva记录订单详情状态导致的问题

发现自己其实很多基本问题要么没搞清,要么没有在意,这些迟早都有可能成为一个幺蛾子,给我当头一击。 项目中用dva管理了一个状态,类似订单详情展示页面,每次订单详情就可以查看这个订单对应的信息,看起来貌似没有毛病,但是因为我用useEffect(()=>{},[])这样一开始就会去执行请求订...

2019-12-17 10:09:52

阅读数 4

评论数 0

原创 antd 设置表格数据超过多少条展示滚动条

antd 设置表格数据超过8条展示滚动条,要滚动条需要制定表格的高度,用逻辑与修饰符可以实现,不用再判断没有8条的时候y的情况。 <Table size="small" loading={t...

2019-12-16 15:00:33

阅读数 41

评论数 0

原创 antd Table 中设置的列宽和实际内容设置宽度的问题

所以这个maxWidth设置的宽度应该要小于width140才行,毕竟是不包括padding 16px的,所以这个maxWidth应该设置为124px; 这个antd table的头部和表格内容是分开的。 ...

2019-12-16 14:48:44

阅读数 110

评论数 0

原创 useCallback包裹函数,但是使用到的外部变量一直是最开始的值

这篇文章不错 https://www.cnblogs.com/ascoders/p/10591832.html 一开始用useCallback包裹了这个函数,这个函数的handleAction中有用到一个paramsMemo的数据,这个数据是声明在外面的。这样有个问题是handleAction...

2019-12-13 20:45:06

阅读数 32

评论数 0

原创 checkGroup 有全选框的时候 的indeterminate的作用

checkGroup 有全选框的时候,其子项的选择不会使全选中的状态发生改变,除非是全部选中,通过indeterminate进行的控制。 举例如下: onChange = (checkedList: any) => { const { onChange } = this.p...

2019-12-13 16:42:55

阅读数 17

评论数 0

原创 渲染多组相同组件谨防组件key值为undefined导致的报错

渲染多组相同组件谨防组件key值为undefined导致的报错!一开始报错没有unique key,后面发现是这个key为undefined导致的,就相当于是没有设置key,要防止这种情况,后面随便加个什么就好了。 <div className={`${styles.proposer} ${...

2019-12-13 16:05:13

阅读数 2

评论数 0

原创 多个model的情况下在connect中解构state

多个model的情况下在connect中解构state,这种本来没有稀奇,但还是写下博客。 export default Form.create<any>()( connect( // mapStateToProps, // 这里不加这个ConnectSta...

2019-12-13 15:11:46

阅读数 8

评论数 0

原创 react 组件中新增属性可以用...解构对象直接放进去

以前知道react 组件中新增属性可以用…解构对象直接放进去,但是这样加判断进去也是第一次用 <Button type="link" {...{ "disabled": row.lineStatus == 2 ? true : false }}...

2019-12-13 11:47:21

阅读数 8

评论数 0

原创 antd自定义组件传值,老是报错Objects are not valid as a React child

antd自定义组件传值,老是报错Objects are not valid as a React child ,发现原来antd自定义组件的默认值是string类型,需要单独再指定他的返回值的类型。 比如我的自定义组件返回的是数组类型 <FormItem label="技术...

2019-12-12 21:07:04

阅读数 7

评论数 0

原创 ant-design自定义表单组件回传值的问题

getFieldDecorator这个方法会向组件注入value参数,onChange方法。子组件通过value参数来初始化值,通过onChange方法通知父组件更新。如果想传入其他参数,也可以像placeholder那样显示的传入。 官方定义: 自定义或第三方的表单控件,也可以与 Form ...

2019-12-12 21:03:31

阅读数 21

评论数 0

原创 受控组件和不受控组件的区别

受控组件:即通过setState的形式控制输入的值及更新, 非受控组件:即通过dom的形式更新值,要获取其值可以通过ref的形式去获取。 受控组件 在HTML中,标签<input>、<textarea>、<select>的值的改变通常是根据用户输入进行...

2019-12-12 20:47:01

阅读数 2

评论数 0

原创 使用 try catch 防止页面报错而卡死

try { //执行的代码,其中可能有异常。一旦发现异常,则立即跳到catch执行。否则不会执行catch里面的内容 } catch { //除非try里面执行代码发生了异常,否则这里的代码不会执行 } finally { //不管什么情况都会执行,包括try catch 里面...

2019-12-12 16:44:19

阅读数 6

评论数 0

转载 解决antd的Form组件setFieldsValue的警告

记住:setFieldsValue的字段要对应得上 解决antd的Form组件setFieldsValue的警告 使用antd的Form组件setFieldsValue可能会出现You cannot set a form field before rendering a field ...

2019-12-11 17:06:44

阅读数 124

评论数 0

转载 结合高阶函数聊聊useMemo和useCallback

**使用useMemo可以实现useCallback useCallback(fn, deps)其实相当于useMemo(() => fn, deps),所以说:使用useMemo完全可以实现useCallback。 useCallback function Example() { ...

2019-12-10 21:43:59

阅读数 9

评论数 0

原创 一下待整理的文章

<!DOCTYPENETSCAPE-Bookmark-file-1> <!--Thisisanautomaticallygeneratedfile. Itwillbereadandoverwritten. DONOTEDIT!--> <METAHTTP-EQU...

2019-12-10 21:38:48

阅读数 96

评论数 0

转载 看完这篇,你也能把 React Hooks 玩出花

https://juejin.im/post/5d754dbde51d4561cd2466bf 这篇文章中有些案例还是不错,在自定义hook这里写得很好 useMemo 返回值可为数字,可为组件; useCallback 用着对useEffect中相同逻辑的封装,配合Effect使用; ...

2019-12-09 23:42:57

阅读数 13

评论数 0

原创 React.memo可以传第二个参数来实现props的深度比较

使用 React.memo React.memo是 React 16.6 新的一个 API,用来缓存组件的渲染,避免不必要的更新,其实也是一个高阶组件,与PureComponent十分类似,但不同的是,React.memo只能用于函数组件 。 基本用法 import { memo } fr...

2019-12-09 23:13:04

阅读数 54

评论数 0

原创 自定义validator callback逻辑没有写完,会导致form.validateFields (()=>{})根本就不会执行

<FormItem label="可申请范围"> {getFieldDecorator('canApplyScope', { // value...

2019-12-09 20:49:32

阅读数 31

评论数 0

原创 jsx结尾的文件不能被import引入么,为什么解析不了

难道这个jsx不能被解析么,但是我的webpack配置里面是有配置的啊,配置也在下方。 另外需要将这些js文件引入到入口文件中才能被解析,不然是不行的,这个需要注意下。 webpack的配置文件如下: const path=require('path') const...

2019-12-08 12:10:26

阅读数 10

评论数 0

原创 珠峰js公开课上的听到几道有意思的面试题

2019-12-07 22:21:32

阅读数 7

评论数 0

原创 create-react-app竟然用cnpm才安装成功

今天用create-react-app初始化一个react的项目,竟然提示说没有模板,可能因为create-react-app版本太老了,于是重装create-react-app,没想到竟然直接是npm安装竟然提示说没权限,用cnpm竟然一下子就安装好了,不知道是怎么回事? ...

2019-12-07 17:35:34

阅读数 12

评论数 0

原创 git 撤销修改的几个常用命令

1.直接丢弃工作区的修改时,用命令git checkout -- file 2.清除本地commit过的内容,用版本回退, git log/git reflog ; git reset --hard 版本号;这个今天又遇到了 3.清除暂存区的内容: Git同样告诉我们,用命令git rese...

2019-12-06 11:32:24

阅读数 3

评论数 0

转载 withRouter的作用和一个简单应用

作用:把不是通过路由切换过来的组件中,将react-router 的 history、location、match 三个对象传入props对象上。比如首页! 默认情况下必须是经过路由匹配渲染的组件才存在this.props,才拥有路由参数,才能使用编程式导航的写法,执行this.props....

2019-12-05 11:49:39

阅读数 13

评论数 0

转载 react 的高级用法

>>> context,hoc,render,createPortal, >>> 1.Context(上下文) 在某些场景下,你想在整个组件树中传递数据,但却不想手动地在每一层传递属性。你可以直接在 React 中使用强大的contextAPI解决上述问...

2019-12-04 23:07:36

阅读数 1

评论数 0

提示
确定要删除当前文章?
取消 删除