首页
Javascript
Html
Css
Node.js
Electron
移动开发
小程序
工具类
服务端
浏览器相关
前端收藏
其他
关于
公司注册

[Ant.design]Warning: `getFieldDecorator` will override `value`, so please don't set `value` directly and use `setFieldsValue` to set it.

2018年12月20日 发布 阅读(10016) 作者:Jerman

使用’ant.design’,报错:

  1. Warning: `getFieldDecorator` will override `value`, so please don't set `value` directly and use `setFieldsValue` to set it.

报错代码

  1. <Form.Item label="用户名" colon={false}>
  2. <Col span={18}>
  3. {getFieldDecorator('userName', {
  4. initialValue: this.state.userName,
  5. rules: [
  6. { required: true, message: '请输入用户名' },
  7. { message: '用户名必须是6-20个字符之间', min: 6, max: 20 },
  8. ],
  9. })(
  10. <Input
  11. type="text"
  12. placeholder="请输入用户名,只允许数字、字母、下划线 _"
  13. maxLength={20}
  14. value=""
  15. />,
  16. )}
  17. </Col>
  18. </Form.Item>

原因
使用了getFieldDecorator就不能再用value直接赋值,去掉input上的value="",问题解决

版权声明:本站文章除特别声明外,均采用署名-非商业性使用-禁止演绎 4.0 国际 许可协议,如需转载,请注明出处