【问题标题】:Why is there no onchange for `<Input>` in Ant design为什么 Ant 设计中的 `<Input>` 没有 onchange
【发布时间】:2019-02-22 00:48:53
【问题描述】:

我知道我一定遗漏了一些非常简单的东西,但是为什么&lt;Input&gt;Ant design 的标签没有onChange

我想更新输入的值。

我假设有类似onChange 的东西,因为我能够将onChangeDatePickerhandleChange DropDown 一起使用;但我想我猜错了

当我查看文档时,有一个 onPressEnter 回调,但这对我没有帮助。

我尝试了以下方法:

   <Input
     placeholder="Flight name"
     size="large"
     value={this.state.someVal}
   />

但这只是给了我一个我无法输入的输入。

所以重申一下:

  1. 为什么Ant design&lt;Input&gt;标签没有onChange
  2. 更重要的是,如何获取&lt;Input&gt;标签的值?

谢谢。

【问题讨论】:

    标签: reactjs input onchange antd


    【解决方案1】:

    你可以使用onChange,为什么不呢?

    <Input
         placeholder="Flight name"
         size="large"
         value={this.state.someVal || ''}
         onChange={this.onChange}
       />
    onChange = (e) => {
      this.setState({someVal: e.target.value})
    }
    

    【讨论】:

    • 谢谢!我没有在&lt;Input&gt; 的文档上看到 onChange,而且我不知道要放置 || '' 以使输入真正接受我输入的内容。我知道这很简单,但如果没有你的帮助,我不知道如何解决这个问题。 :-) 。再次感谢。
    • 很高兴为您提供帮助。 :)
    • @BhojendraRauniyar 如果我们同时使用 Form 和 antd 的输入会怎样,这个技巧会奏效吗?有一种叫做'onFinish'的东西
    • 表单用于提交。
    猜你喜欢
    • 2019-01-14
    • 2019-03-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-17
    • 2020-05-20
    相关资源
    最近更新 更多