マテリアライズオンチョイスを選択しないでください

Question

私のonChange()はmaterializecss selectを使用して呼び出していません。 ：

はJavaScript：

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

が反応：

... 

_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> 

... 

を面白いことは、私はクラスbrowser-defaultを追加した場合、selectタグに、bar()が呼び出され、あります。これを回避するには、クラスを追加せずに選択しますか？

Answer 1

互換性のないツールを使用しているようです。いつものように、90％のケースでは役に立たず、仮想DOMとのネイティブリアクションロジックを壊す可能性があり、もちろんオーバーヘッドであるため、jquery dom関数をreactで使用しないでください。

このライブラリを使用してみてください：

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