526互联

Ant Design中表单验证输入框默认值initialValue不更改值会验证不通过（react）

发布时间 2023-10-19 10:48:37作者: 分页需带参

Ant Design中表单验证输入框默认值initialValue不更改值会验证不通过（react）

更改前

<Form.Item
        label="用户标识"
        name="id"
        rules={[
          {
            required: true,
            message: '用户标识不能为空！',
          },
        ]}
      >
        <Input defaultValue={originData[rowIndex].id} />
      </Form.Item>

Input输入框使用defaultValue属性，验证时需要值改变才会验证成功

更改后

<Form.Item
        initialValue={originData[rowIndex].id}
        label="用户标识"
        name="id"
        rules={[
          {
            required: true,
            message: '用户标识不能为空！',
          },
        ]}
      >
        <Input placeholder="请输入用户ID" />
      </Form.Item>

Form.Item中添加initialValue属性指定默认值可以成功解决