antd使用小记(报错篇):

1,923 阅读1分钟

一、antd From表单报错:[antd: Form.Item] defaultValue will not work on controlled Field. You should use initialValues of Form instead.

image.png 解决:在设置from表单的初始值时 应把input的defaultValue属性换成from的initialValues来代替

正确写法:

将初始值用initialValues={{name:key}}的形式写在from标签里面

image.png

二、antd Form.Item报错: [antd: Form.Item] children is array of render props cannot have name

解决:
Form.Item一定要直接包裹Input 里面如果有其他元素,就重新包裹一层


官方:ant.design/components/… 解释

\

三、antd Upload报错:[antd: Upload] value is not a valid prop, do you mean fileList
解决方案雷同: [antd: Form.Item] children is array of render props cannot have name

解决:

参考地址:blog.csdn.net/qq_40259641…

这样处理的话 会出现空指针报错,

还需要 在这个组件外面再包一层<Form.Item> 即可消除报错.

四、antd table表格 报错: Each child in a list should have a unique "key" prop.Check the render method of Body.

解决:

五、antd Form使用Upload时 上传文件失败 拿不到上传的数据 报错“系统错误 ,请联系管理员”
解决: 使用这个组件的时候 不能给Form.Item以及Upload组件加name

如下正确示例:

 <Form.Item label="图片" colon={false}>

            <Upload

         //name= 'img' // 加了name就不能取到值了

          action: 'https://www.mocky.io/v2/5cc8019d300000980a055e76'

              maxCount={10}

              multiple

              beforeUpload={beforeUpload}

              onChange={handleUpload}

              style={{ lineHeight: 'inherit' }}

            >

              上传文件

            

          </Form.Item>