ant design 4.62版本Form默认值

2020-09-04  本文已影响0人  ticktackkk

这个东西有点坑,在我的Form中想给这个input加默认值,在<Input>加一个defaultValue起初那些定死的数据是可以显示的
但是一般的时候不会给定死的数据
而且用 Input的defaultValue提交表单的时候会默认你的一个空的值,在requird为true的时候就不可以提交的了,你在defaultValue放入请求的数据比如<Input defaultValue = {request.data} />
页面的input框没有你的数据,而且同样不可以提交

<Form>
        <Form.Item name='input' rules={[
          {required: true, message: 'Please input your name', },>
                  <Input defaultValue={123}/>
        </Form.Item>
</Form>

解决办法

ForminitialValues

<Form initialValues={{
    ['input']:request.data
}}>
        <Form.Item name='input' rules={[
          {required: true, message: 'Please input your name', },>
                  <Input defaultValue={123}/>
        </Form.Item>
</Form>

ant design 文档说 表单默认值,只有初始化以及重置时生效
所以别忘记初始化以及重置,
进入页面的时候重置onReset = () => { this.formRef.current.resetFields(); };

上一篇下一篇

猜你喜欢

热点阅读