Хотите показать/скрыть флажок в react

#reactjs

Вопрос:

 I want to show hide checkbox when the value of checkbox is true const showHide = (checked) =gt; {  if (checked.target.checked == true) {  document.getElementById("hiddenField").style.visibility="visible";  }  }  

вот на проверено.цель.проверено, я утешил его, я получаю значение флажка как истинное или ложное

 lt;Form.Item id="hiddenField" style={{ display: "none" }}gt;  lt;Checkboxgt;lt;/Checkboxgt; lt;/Form.Itemgt;  

Ответ №1:

Вам нужно использовать состояние:

 const [checked, setChecked] = useState(false);  const handleChange = (event) =gt; {  setChecked(event.currentTarget.checked); }  return lt;Checkbox checked={checked} onChange={handleChange} /gt;  

Комментарии:

1. Это просто добавит проверенное событие … Верно??

Ответ №2:

чтобы скрыть элемент, вы можете использовать следующий код:

 {  isChecked amp;amp; (  lt;h1gt;if true its render lt;/h1gt;  ) }  

конечно, как сказал @Damien Monni, вам нужно хранить состояние в useState