Materialize 선택 변경하기

Question

내 onChange()은 (는) materializecss select을 사용하여 호출하지 않습니다. :

자바 스크립트 :

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

반응 : 나는 select 태그에 클래스 browser-default를 추가하는 경우

... 

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

... 

재미있는 것은이, bar()가 호출됩니다. 클래스를 선택하지 않고 주위에 어떤 방식 으로든?

Answer 1

호환되지 않는 도구를 사용하는 것 같습니다. 평소와 같이, 90 %의 경우에는 쓸모가 없기 때문에 jquery dom 함수를 반응과 함께 사용하지 않아야합니다. 가상 DOM을 사용하여 일부 원시 반응 논리를 깨뜨릴 수 있으며 물론 오버 헤드입니다.

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

:

시도는이 라이브러리를 사용하는