Блог

Я использую форму проверки начальной загрузки React. Я использую флажок формы для захвата входного значения. Я хочу получить информацию о флажке в переменных состояния реакции. Я ожидаю e.target.value , что » оф onClick » напечатает текущее состояние флажка, т. Е. включен он или выключен(независимо от того, установлен он или нет). Но этого не происходит. Когда я несколько раз переключаю кнопку флажка, значение 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>
 

Как я могу получить статус того, установлен ли флажок или нет в логике на стороне реакции?

Вы можете получить доступ к значению флажка, используя 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>