antd
郭从墨
这个作者很懒,什么都没留下…
展开
-
antd Form表单读取不到input的值
今天上午突然反馈了一个问题,表单中的一个输入框用户明明输入了,但是提交到后台之后是没有数据的。我在本地测试了一下,发现也是同样的情况。后来仔细看了一下代码,原来的input的外面包裹了一个Fragment元素,后来我将Fragment元素修改为div或者其他标签,都是可以正常获取到这个input的值的,但是就是Fragment包裹起来的话获取到始终都是undefined。从rc-form中看getFieldDecorator源代码其是调用React.cloneElement来返回一个最终元素的,但是不知原创 2020-05-28 16:20:52 · 2879 阅读 · 0 评论 -
图片按照顺序上传
最近遇到一个文件上传的需求,这里记录一下:产品希望的效果是可以按照在客户端选择的顺序上传,并且展示在页面中这里我使用的组件是antd的Upload组件,该组件支持多文件上传,但是其对于多个文件上传的处理通过在控制台中就可以看到其实是一个一个文件调用接口上传的,这样的话因为文件大小不一致,小的文件就会先返回回来,大的文件就会慢一点,这样的话就会导致最终传递到后端的文件链接顺序和当初选择的顺序...原创 2020-05-07 21:56:46 · 3612 阅读 · 1 评论 -
React Hooks依赖项数组中使用antd中的form导致页面陷入死循环
最近在逐渐将函数写法从class组建从函数组件转变,在开发的过程中遇到了一个表单中的小问题,这里记录一下:场景:页面有两个下拉框,有联动关系,第二个下拉框需要根据第一个下拉框的值发生变化,所以在第一个下拉框的onChange的回调函数中完成数据获取之后,需要调用form.setFieldsValue将第二个下拉框中的值更新掉,但是hooks插件会提示你缺少了一个form依赖项,当把form依赖...原创 2020-04-18 16:26:24 · 1805 阅读 · 0 评论 -
Invariant Violation: Minified React error #130问题解决
今天遇到一个问题,我本地的项目是好的,但是发布到线上环境之后,一点击页面的按钮就会报:Invariant Violation: Minified React error #130这个错误,页面展示一片空白。按照react官方网站的说法,出现这个错误是因为传递的参数不对,所以我debugger了半天,发现所传入的参数都是可以获取得到值的,后来才发现在返回Input.Password这个密码框组建...原创 2019-02-01 13:48:28 · 16269 阅读 · 1 评论