React - 如何獲得Materialize交換機的價值形式？

Question

我在React組件中使用開關組件（由Materialize設計），我想知道，當用戶更改開關（on/of）時，如何獲取值。

<div className="switch right"> 
    <label> 
    Any 
    <input type="checkbox" onChange={() => alert('changed')}/> 
    <span className="lever"></span> 
    All 
    </label> 
</div> 

我試着設置一個onChange事件來驗證我是否至少可以在觸發時得到它。

Answer 1

作爲一個開始，我會推薦使用react-materialize，它已被寫入組件中以便在這裏作出反應https://react-materialize.github.io/#/forms。

我想問題是，onChange只適用於JSX，並從你的代碼看起來像你使用普通的HTML？

我已將您的onChange事件添加到我的JSX中，並且按預期工作。

如果使用反應過來，兌現，您的代碼會是這個樣子：

<Input name='on' type='switch' onLabel='Any' offLabel='All' onChange={() => alert('changed')}/>