Breaking News: Grepper is joining You.com. Read the official announcement!

store input value in variable react

Grieving Gharial answered on September 29, 2022 Popularity 8/10 Helpfulness 2/10

answer store input value in variable react

store input value in variable react

Comment

class App extends React.Component {
  constructor(){
    super();
    this.state={name: '', age: ''}
  }
  render() {
    return (
      <div className ="wrap">
          <h1 className="string">What's your name?</h1>
          <input value={this.state.name} type="text" id="name" onChange={(e)=>{this.setState({name: e.target.value})}}/>
          <h1 className="string">How old are you?</h1>
          <input  value={this.state.age} onChange={(e)=>{this.setState({age: e.target.value})}} type="text" id="age" />
          <h1 className="string">Hi {this.state.name}! How are you today? You're {this.state.age} years old.</h1>
       </div>
    )
  }
}

ReactDOM.render(<App/>, document.getElementById('Root'))

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: input javascript store

Link to this answer
Share Copy Link