zoukankan      html  css  js  c++  java
  • Antd版本V3-->V4迁移问题:初始化调整

    本文介绍个常见问题

    Antd的V3---V4版本迁移问题,将 initialValue 从字段中移到 Form 中。以避免同名字段设置 initialValue 的冲突问题:

    // antd v3
    const Demo = ({ form: { getFieldDecorator } }) => (
      <Form>
        <Form.Item>
          {getFieldDecorator('username', {
            rules: [{ required: true }],
            initialValue: 'Bamboo',
          })(<Input />)}
        </Form.Item>
      </Form>
    );
    
    const WrappedDemo = Form.create()(Demo);

    改成:

    // antd v4
    const Demo = () => (
      <Form initialValues={{ username: 'Bamboo' }}>
        <Form.Item name="username" rules={[{ required: true }]}>
          <Input />
        </Form.Item>
      </Form>
    );

    在 v3 版本中,修改未操作的字段 initialValue 会同步更新字段值,这是一个 BUG。但是由于被长期作为一个 feature 使用,因而我们一直没有修复。在 v4 中,该 BUG 已被修复。initialValue 只有在初始化以及重置表单时生效。

    .

  • 相关阅读:
    JSP一个简单的项目实现教程
    多个Excel文件快速导入到DB里面
    NotePad++左侧导航
    简单实用JSTL标签库
    Eclipse导入现有项目
    Java工具Eclipse
    winform窗体只能放大不能缩小
    ref out

    数组
  • 原文地址:https://www.cnblogs.com/jianxian/p/12616297.html
Copyright © 2011-2022 走看看