Блог

У меня есть веб-приложение React, использующее bootstrap 4 и Reactstrap. Я хочу иметь несколько флажков на панели инструментов, и я не могу понять, как получить что-либо из события onChange, кроме «on».

Вот мой код, который продолжает записывать «вкл.» в консоль каждый раз, когда я нажимаю на флажок. Флажок включается и выключается.

      <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? Документы очень ограничены.

вы можете проверить checked состояние, а не value ; это boolean

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