javascript - Materialise Select onChange 未调用

我的 onChange() 未使用 materializecss select 调用。 :

JavaScript:

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

react :

...

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

...

有趣的是，如果我在 select 标记上添加 browser-default 类，则会调用 bar() 。有什么方法可以解决这个问题而不添加类来选择吗？

最佳答案

看起来您使用了不兼容的工具。像往常一样，你不应该将jquery dom函数与react一起使用，因为在90％的情况下它是无用的，它可能会破坏一些带有virtual dom的 native react逻辑，当然这是开销。

尝试使用这个库:

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

关于javascript - Materialise Select onChange 未调用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39098589/