ED
Ну да, возможно, стоит почитать учебник
https://learn.javascript.ru
Size: a a a
2021 August 27
D
Вопрос - как повесить обработчик, как отправить запрос, что такое тело или какой?
ED
как отправить запрос, и как пишется обработчик на чекбоксе)))
K{
Тогда addEventListener не нужен.
У вас просто много пробелов сразу в нескольких темах.
Гуглите отдельно отправку запросов на js и обработку событий в реакте.
У вас просто много пробелов сразу в нескольких темах.
Гуглите отдельно отправку запросов на js и обработку событий в реакте.
D
Запрос отправить с помощью fetch. Обрабочик на чекбокс повесить через onChange на элементе чекбокса.
Создаёшь стейт true/false, по чекбоксу его меняешь
Создаёшь эффект зависящий от этого стейта, он пусть отправляет запрос
Создаёшь стейт true/false, по чекбоксу его меняешь
Создаёшь эффект зависящий от этого стейта, он пусть отправляет запрос
S
Кстати, если запрос после клика моментально летит, по UX это switch, а не чекбокс
D
const [checked, setChecked] = useState(false)
useEffect(()=>{
fetch(url, {method:'POST', body:{isChecked: checked}})
},[checked])
<input type="checkbox" checked={checked} onChange={e => setChecked(e.target.value)}/>
useEffect(()=>{
fetch(url, {method:'POST', body:{isChecked: checked}})
},[checked])
<input type="checkbox" checked={checked} onChange={e => setChecked(e.target.value)}/>
D
Примерно так
ED
а разве вместо стейта нельзя использовать поле isHiden которое сервер присылает, типа такого checked={isHidden}
D
Откуда присылает и зачем его использовать?
ED
чтобы при открытии страницы было видно включен чекбокс или нет
D
Ну значит присвой начальное значение стейта true
D
Твой код тебе решать
D
Я же не знаю где там у тебя что, я показал как эта задача решается
S
Кстати, при первом маунте улетит запрос
S
лучше все же на onChange вешать
D
Ну улетит и улетит
D
Может мне за него ещё и проект с нуля стартануть?
D
Я показал общий принцип