reactjs - 如何使用 Reactstrap 检查复选框的选中值

Question

我有一个使用 bootstrap 4 和 Reactstrap 的 React 网络应用程序。我想在工具栏中有几个复选框，除了“打开”之外，我无法弄清楚如何从 onChange 事件中获取任何内容。

这是我的代码，每次我单击该复选框时，它都会继续“打开”到控制台。该复选框会打开和关闭。

     <li className="show-sessions">
        <FormGroup check>
          <Label check>
            <Input
                type="checkbox"
                onChange={(e) => console.log(e.target.value)}
            />{" "}
            <strong>Show Favorites</strong>
          </Label>
        </FormGroup>
      </li>

有没有其他方法可以在 Reactstrap 中制作复选框？文档非常有限。

Answer 1

您可以检查checked 状态而不是value；它是一个 bool 值

<Input
  type="checkbox"
  onChange={(e) => console.log(e.target.checked)}
/>