Установите флажок от ложного до истинного

#node.js #reactjs #database #forms

Вопрос:

у меня в форме есть этот флажок

      type="checkbox"
     value={wpp}
     name="wpp"
     onChange={(e) => setWpp(e.target.value)}
     /> 
 

и я определил, как

const [wpp, setWpp] = useState(false);

как мне поступить, если кто-то установит этот флажок для отправки в мою базу данных как истинный?

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

1. проверьте, есть ли значение= «включено» в вашем бэкэнде, которое получает сообщение.

Ответ №1:

В случае установки флажка вам нужно следить за отмеченным свойством

 type="checkbox"
     checked={wpp}
     name="wpp"
     onChange={(e) => setWpp(e.target.checked)}
     />
 

Ответ №2:

вместо вызова setWpp onChange вы можете создать функцию в своем компоненте, например:

 async function fetchRemote(){
    let newval = !wpp;
    // fetch remote server to send your new value
    setWpp(!wpp);
}
 

Он должен вызвать ваш сервер, отправив противоположное фактическому «wpp».

Чем в вашем коде вы должны отредактировать

 onChange={() => fetchRemote()}