React - マテリアライズのスイッチの値を取得するには？

Question

Reactコンポーネントの中にスイッチコンポーネント（Materializeによって設計されています）を使用しています。ユーザーがスイッチをオン/オフに変更したときに、どのように値を取得できますか。

<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')}/> 

を