Materialize Wählen onChanges ruft nicht auf

Question

Mein onChange() ruft nicht materializecss select auf. :

JavaScript:

$(document).ready(function() { 
    $('select').material_select(); 
}); 

Reagieren:

... 

_bar: function(e){ 
    console.log("I was called"); 
}, 

// Render(): 

<select defaultValue={this.state.foo} onChange={this._bar}> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 

... 

Das Komische ist, ist, wenn ich die Klasse browser-default, auf dem select Tag hinzufügen, bar() genannt. Irgendein Umweg ohne die Klasse hinzugefügt zu wählen?

Answer 1

Sie sehen aus, als ob Sie inkompatible Werkzeuge verwenden. Wie üblich sollten Sie jQuery-dom-Funktionen NICHT mit react verwenden, denn in 90% Fällen ist es nutzlos, es kann einige native Reaktivlogik mit virtuellem dom brechen, und natürlich ist es Overhead.

Versuchen Sie, diese Bibliothek zu verwenden:

https://react-materialize.github.io/forms.html