如何获取 React-bootstrap 复选框的当前状态？（无论是否签到）

Question

我正在使用React Bootstrap Check Form。我正在使用表单复选框来捕获输入值。我想获取有关反应状态变量中复选框的信息。

我希望e.target.valueofonClick应打印复选框的当前状态，即它是打开还是关闭（无论是否选中）。但这并没有发生。当我多次切换复选框按钮时，即使复选框已关闭，的值e.target.value仍保持为。on

<Form.Group>
    <Form.Check type={"checkbox"}>
        <Form.Check.Input
          type={"checkbox"}
          defaultChecked={true}
          onClick={(e) => {
            console.log(e.target.value);
          }}
        />
        <Form.Check.Label>Awesome checkbox here..</Form.Check.Label>
    </Form.Check>
</Form.Group>

如何在React端逻辑中获取复选框是否被选中的状态？

Answer 1

您可以使用访问复选框值e.target.checked

<Form.Group>
  <Form.Check type={"checkbox"}>
    <Form.Check.Input
      type={"checkbox"}
      defaultChecked={true}
      onClick={(e) => {
        console.log(e.target.checked);
      }}
    />
    <Form.Check.Label>Awesome checkbox here..</Form.Check.Label>
  </Form.Check>
</Form.Group>