Why is there no onchange for `<Input>` in Ant design

user2517182 picture user2517182 · Sep 18, 2018 · Viewed 14.7k times · Source

I know I must be missing something very simple but why is there no onChange for <Input> tag of Ant design?

I would like the update the value of an input.

I assumed there was something like an onChange, since I was able to use onChange with DatePicker and handleChange DropDown; but I guess I assumed wrong

When I looked at the docs, there is a onPressEnter callback, but that is not really going to help me.

I tried the following:

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

But this just gave me an input that I could not type in.

So to reiterate:

  1. Why is there no onChange for <Input> tag of Ant design?
  2. More importantly, how do I get the value of the <Input> tag?

Thanks.

Answer

Bhojendra Rauniyar picture Bhojendra Rauniyar · Sep 18, 2018

You can use onChange, why not?

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