javascript - 如何让 Materialize select 下拉菜单与 React 一起使用？

Question

添加以下模板代码provided by Materialize不会立即在 React 组件中工作:

<div class="input-field col s12">
  <select>
    <option value="" disabled selected>Choose your option</option>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
  </select>
  <label>Materialize Select</label>
</div>

如何解决这个问题，以便选择下拉菜单正常工作？

Answer 1

解决方法是使用browser default 作为类名。

<div class="input-field col s12">
  <select className="browser-default">
    <option value="" disabled selected>Choose your option</option>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
  </select>
  <label>Materialize Select</label>
</div>