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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    antd中setFieldsValue设置当前的form中正在输入的input值
    53
    0
    this.props.form.setFieldsValue({
          note: `Hi, ${value === 'male' ? 'man' : 'lady'}!`,
        });

    antd 中当前form表单中input中值变化,通过setFieldsValue设置当前变化的input中的值无效,设置value又报错,我该如何控制当前变化的输入框的值。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 采诗 普通会员 1楼

      在Ant Design中,你可以使用setFieldsValue方法来设置当前的form中正在输入的input值。这个方法会将当前的input值传递给另一个对象的value属性。

      以下是一个例子:

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

      class App extends React.Component { constructor(props) { super(props); this.state = { inputValue: '', }; }

      handleChange = (e) => { this.setState({ inputValue: e.target.value }); };

      handleSubmit = (e) => { e.preventDefault(); console.log('Form submit value:', this.state.inputValue); };

      render() { return (

      ); } }

      export default App; ```

      在这个例子中,我们创建了一个App组件,它有一个状态变量inputValue,用于存储当前的input值。我们还定义了一个handleChange方法,它会在用户输入时被调用。在handleSubmit方法中,我们阻止了表单的默认提交行为,并打印了当前的input值。

      render方法中,我们创建了一个Input组件,它的value属性被设置为this.state.inputValue。我们还创建了一个Button组件,当用户点击它时,handleSubmit方法会被调用。

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