Reagieren-Bootstrap: onChange aufgerufen nur einmal für „wählen Sie“

Question

Hier ist ein fiddle with the example diesen Code demonstriert:

render: function() { 
    return (
     <FormControl componentClass="select" onChange={console.log("changed")}> 
        <option value="1">A</option>   
        <option value="2">B</option>   
     </FormControl>      
    ); 
    } 

onChange() nur aufgerufen wird, wenn meine Komponente gerendert wird.

Ich möchte auf eine andere Option reagieren. Wenn ich also 'A' zu 'B' ändere, möchte ich, dass die Komponente das Ereignis onChange() auslöst. Was vermisse ich?

Answer 1

Schreiben Sie eine Methode namens handleSelectChange

handleSelectChange: function(event) { 
    //Do sth 
} 

und es wie onChange={this.handleSelectChange}