美文网首页
ant design 4.62版本Form默认值

ant design 4.62版本Form默认值

作者: ticktackkk | 来源:发表于2020-09-04 17:49 被阅读0次

    这个东西有点坑,在我的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(); };

    相关文章

      网友评论

          本文标题:ant design 4.62版本Form默认值

          本文链接:https://www.haomeiwen.com/subject/zjqtektx.html