“Verwenden Sie OnChange mit React Select” Code-Antworten

Verwenden Sie OnChange mit 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}/>
Johiny

Griff 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;
Grumpy Gibbon

Ähnliche Antworten wie “Verwenden Sie OnChange mit React Select”

Fragen ähnlich wie “Verwenden Sie OnChange mit React Select”

Weitere verwandte Antworten zu “Verwenden Sie OnChange mit React Select” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen