# How to get the value of an input element in React

> Learn how to get the value of a form input in React by storing it in state with useState and updating it from the input onChange event handler.

Author: [Flavio Copes](https://flaviocopes.com/about/) | Published: 2019-06-27 | Topics: [React](https://flaviocopes.com/tags/react/) | Canonical: https://flaviocopes.com/react-how-to-get-value-input/

A common scenario involves having a form, and you want to get the value of one of the form fields, for example when the user clicks a button.

How can you do so?

Using hooks, you can create a variable for each input field, and listening on the `onChange` event you call the "set" function for that variable.

Here's an example:

```js
const [title, setTitle] = useState('')
```

And on the input field in JSX:

```html
<input onChange={event => setTitle(event.target.value)} />
```

In this way, when you are in the event handler for the submit event of the form, or anywhere you want, you can get the value of the field from the `title` value.