onchange Ereignis auf Auswahltrigger reagieren nur durch

Question

klicken

ich habe eine <select> in meiner reagieren App

<select onChange={ e=>{this.setState({selectedValue:e.target.value})} }> 
    {this.state.someArr.map(val => <option value={val}> something </option>) } 
</select> 

jetzt, wenn someArr in den Zustand ändert, ist es, die neuen Optionen innerhalb select-Element gerendert verursachen
aber onchange nicht ausgelöst und selectedValue innerhalb des Staates bleibt unberührt
Wie kann ich dieses Problem überwinden? i neuer Wert will

HERE IS JSBIN

Answer 1

allererst automatisch einzustellen, wenn Sie mit Reagieren sollte nie einen Pfeil Funktion übergeben, weil es andere Instanz jedes Mal passiert und kann somit nicht mehr notwendig verursachen.

Der Grund, warum es nicht funktioniert, ist, weil Sie versuchen, auf das Ereignis in der Funktion setState zuzugreifen, und Sie können das nicht tun.

Hier ist, was Sie tun sollten:

export default class Component extends React.Component { 
    constructor(props) { 
     super(props); 

     this.state = { 
      selectedValue: '', 
      someArr: [] 
     }; 
    } 

    onChange(e) { 
     let value = e.target.value; 
     this.setState({ selectedValue: value }); 
    } 

    render() { 
     return <select onChange={this.onChange}}> 
       {this.state.someArr.map(val => <option value={val}> something </option>) } 
      </select> 
    } 
} 

Answer 2

Alles, was Sie tun müssen, um richtig die value prop gesetzt.

<select value={this.state.selectedValue} onChange={ e=>{this.setState({selectedValue:e.target.value})} }> 
    {this.state.someArr.map(val => <option value={val}> something </option>) } 
</select> 

Ich hoffe, das funktioniert für Sie.