Handle onchange react

import React, { Component } from 'react';

import './App.css';
import Header from './Header';

class App extends Component {

  constructor(props) {
    super(props);
   this.state = {name: "Michael"}

  }
   changeTitle = (e) =>{
      this.setState({name: e.target.value});
    }

  render() {
    return (
      <div className="App">
        <Header title={this.state.name}/>
        <p className="App-intro">
          Type here to change name.
        <input type="text" onChange={this.changeTitle}/>
        </p>
      </div>
    );
  }
}

export default App;

Source: stackoverflow.com

Use onchange with react select

const [valueState,setValueState] = useState("")
// create a function that handle the React-select event and
// save the value of that event on an state every time the component change
    const handler = (event) => {
        const value = event.value
        setValueState(value)
    }
<Select options={"your options"} onChange={handler}/>

Similar codes

2 votes250 views1 answer
React native text right align
Javascript React
1 vote279 views1 answer
React center a text
Javascript React
0 vote277 views1 answer
Flipper semantic issue react native
Javascript React
105 votes280 views1 answer
Install and run react js project...
Javascript React
3 votes216 views1 answer
Render image url in react native
Javascript React
0 vote228 views1 answer
Change value in array react
Javascript React
0 vote282 views1 answer
React native scrollable
Javascript React
0 vote203 views1 answer
Start withnreact
Javascript React
0 vote243 views1 answer
11. Which of the following metals catch fire on reaction with air? A. Magnesium B. Manganese C. Potassium D. Calcium
Javascript React
56 votes233 views6 answers
Useref react
Javascript React