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中，它按预期工作。

如果您使用react-materialize，您的代码将如下所示：

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

React - 如何从Materialize的开关中获取值？

1 个答案: