反应物化开关总是有"on“值。

Question

我使用的反应开关组件直接从这个网站：http://react-materialize.github.io/react-materialize/?path=/story/components-switch--switch。我把这个放在我的SideNav里，就像这样：

<Switch
    id="Switch-11"
    offLabel="Off"
    onChange={(e) => exampleFunction(e)}
    onLabel="On"
/>

我这样做是为了在单击开关时调用"exampleFunction()“，其中包含以下内容：

const exampleFunction = (e) => {
    console.log(e.target.value)
}

问题是，当我查看控制台的开关值时，它总是“打开”，即使我多次按它。我有点不明白为什么会发生这种事。如有任何建议，将不胜感激。谢谢。

Answer 1

如果您想知道是否选中了复选框，则需要使用e.target.checked，查看来自物化的源代码，我们可以看到onChange直接传递给输入元素，因此需要使用输入元件的checked属性。

value属性具有以下定义：

value属性设置或返回复选框的value属性的值。对于复选框，value属性的内容不会出现在用户界面中。只有在提交表单时，value属性才有意义。如果表单提交时复选框处于选中状态，则会将复选框的名称与value属性的值一起发送(如果未选中复选框，则不发送任何信息)。

来自：value.asp