React - 如何从 Materialise 的 Switches 中获取值？

【问题标题】：React - How to get the value form Materialize's Switches?React - 如何从 Materialise 的 Switches 中获取值？
【发布时间】：2017-11-02 00:14:47
【问题描述】：

我在 React 组件中使用了开关组件（由 Materialize 设计），我想知道，当用户更改开关（开/关）时，我如何获得该值。

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

我尝试设置一个 onChange 事件来验证我是否可以，至少，在它被触发时得到。

【问题讨论】：

标签： reactjs materialize

【解决方案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')}/>

【讨论】：

有什么方法可以得到“checked”的值？
我猜这将是 value 道具，它是 true 或 false。我确信 onChange 函数上有一个参数也会显示这个