Semantic-ui-react: Getting the value from <Input/>

[mattmacpherson]

With an HTML input I would just do this.refs.whatever.value but what do I do with a Semantic <Input/>?

[levithomason]

Using a ref is accessing the DOM directly and not preferred. The React way to get the value from an input is using the onChange callback and getting the value from the event:

<input onChange={e => console.log(e.target.value)} />

You can get the value for an <Input /> just as you can in React:

<Input onChange={e => console.log(e.target.value)} />

[hopewise]

I think its changed now to:

onChange={(e,data)=>{
 console.log(data.value)
        }

[layershifter]

This issue was closed in 2016, necroposting is bad 👎