How do i turn an input from a text box into a variable in react?

Question

I have an input whose value I want to store in a React variable.

<div>
  <label>Nombre Completo: </label>
  <input style={eachBit} required id='name' type='text' placeholder='Zeus Aurel'></input>
</div>

Without the complications of constructor or classes, I can't find anything useful anywhere. I know nothing of reactjs, please help.

Do you have some code that you're working on? Otherwise I'd have to say learn react before trying to do something in react — Aswin Ramakrishnan, Sep 18 '18 at 04:05
Possible duplicate of [Storing data in React](https://stackoverflow.com/questions/48356854/storing-data-in-react) — vijayst, Sep 18 '18 at 04:08

score 0 · Answer 1 · answered Sep 18 '18 at 04:06

0

onChange event allows value to be stored in state. Here is how input value is stored in a state named inputValue.

<input 
  onChange={e => this.setState({ inputValue: e.target.value })) 
/>

answered Sep 18 '18 at 04:06

vijayst

but how can i use it when declaring the variable itself?? – Dan Sep 18 '18 at 04:16
You could use this.state.inputValue anywhere. If you don’t like to save in state, store it in this. – vijayst Sep 18 '18 at 04:42
Sorry, but what is the "e" supposed to mean in this example? – Dan Oct 07 '18 at 15:46

score 0 · Answer 2 · answered Sep 18 '18 at 04:10

0

Are you asking about the way to change/insert a HTML element as a variable ?

answered Sep 18 '18 at 04:10

Harley Liang

2 Answers2