账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    antDesign Form表单 initialValue在手动输入后如何更改?
    23
    0

    antDesign Form可以使用下面的方式为input赋予默认值:

    const myValue = random() // 一个变化的值
    ...
    {
        getFieldDecorator('userName', {initialValue: myValue}]})(  <Input /> )
    }
    

    如上面的代码所示,我的需求中,Input的初始值是变化的。

    但是,当我手动在输入框内进行了某个输入之后,程序就无法为该输入框赋值了,也就是myValue的值无论如何改变,屏幕上输入框显示的值都是我手动输入的那一个。

    我分析本质原因是initialValue设置的是Input组件的默认值,而一旦Input有了一个值,也就是我手动输入的值,那么默认值就无效了。

    但是用Form getFieldDecorator的时候,有没有办法直接给Input设置value,请问该怎么办?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 黄土守山人 普通会员 1楼

      在Ant Design Form表单中,初始值可以在构造函数中设置。这是通过在Form类的构造函数中调用initialValue方法实现的。

      以下是一个例子:

      ```jsx import { Form, FormItem } from 'antd';

      class MyForm extends Form { // ... initialValue = '初始值';

      // ... }

      export default MyForm; ```

      在这个例子中,我们首先创建了一个MyForm的实例,并在构造函数中设置了初始值为'初始值'

      如果你想要在表单提交后更改初始值,你可以在表单提交的回调函数中设置新的初始值。以下是一个例子:

      ```jsx import { Form, FormItem } from 'antd';

      class MyForm extends Form { // ... initialValue = '初始值';

      // ... }

      export default MyForm; ```

      在这个例子中,我们创建了一个MyForm的实例,并在构造函数中设置了初始值为'初始值'。然后,我们在表单提交的回调函数中设置了新的初始值为'新的初始值'

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部