javascript - Redux 表单 `event.target.value` 的 `onChange` 处理程序中的复选框的 `Field` 不正确

Question

使用 Redux Form 7.4.0 测试以下代码:

<Field
  name="employed"
  id="employed"
  component="input"
  type="checkbox"
  onChange={e => console.log(e.target.value)}
/>

对我来说奇怪的是，当我第一次单击该复选框时，我可以看到 e.target.value 是一个空字符串。当我第二次单击该复选框时，e.target.value 为 true，但我可以看到该复选框未选中。当我第三次单击该复选框时，e.target.value 为 false，但我可以看到该复选框已被选中。在我看来，这种行为与

的行为不同，是不正确的结果

<Field
  name="lastName"
  component="input"
  type="text"
  placeholder="Last Name"
  onChange={e => console.log(e.target.value)}
/>

其中e.target.value与输入字段中可见的当前值相同。有人可以澄清这种不同的行为吗？是React Form的问题吗？我正在使用 Redux Form 官方示例进行测试 https://codesandbox.io/s/mZRjw05yp

Answer 1

复选框值不像输入，复选框的值在e.target.checked内部