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>
解决办法
在 Form
用initialValues
<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(); };