Подскажите новичку, как в React при нажатии на чекбокс отправлять его id на сервер для получение данных.
Есть список с чекбоксами:
при нажатии на какой то из чекбксов его id записывается в локальный стейт:
, запрос летит на сервер, полученные данные записываються в стейт:
Как только данные записаны в стейт нужно обнулить brandId и так по кругу, каждый раз добавляя к testArr новые данные, и если чекбокс нажали снова удалить данные с testArr
Я попробовал сделать так:
const handleBrands = (e) => {
setBrandId(e.target.value);
};
useEffect(() => {
if (brandById){
setTestArr(oldArray => [...oldArray, brandById]);
}
}, [productsAll, brandById]);
<Checkbox checked={} mode="yellow" name={name}label={name}onChange{handleBrands}/>
Работает но только на добавление в массив, при повторном нажатии не удаляються.
И при загрузке страницы testArr выглядит так