Блог

Я пытаюсь зарезервировать места для своего веб-сайта авиакомпании. Я сделал кнопку «Зарезервировать места», при нажатии появляется страница, на которой помимо нее есть множество доступных мест и флажки, чтобы выбрать ваши места. Все это работает нормально, но дело в том, что, когда я устанавливаю или удаляю флажки, мне нужно сохранить значения, которые я проверил, в другом массиве, чтобы отправить их обратно на серверную часть, а в бэкэнде я собираюсь сравнить его с предыдущим массивом и удалить выбранные места.

 function Row(props){  const [AvailableFSeats, setfs] = useState();  const [fList,setfList]= useState([]);  const checkf= [];  useEffect(() =gt; {  setfList(props.row.AvailableFSeats);  },[])  const handleChange = (event) =gt; {  setState({  ...state,  [event.target.name]: event.target.checked,  });  //checkf should be the array that contains the chosen seats in the current action.  if(event.target.name==="AvailableFSeats"amp;amp;event.target.checked===true){  checkf.push(event.target.label);} }  const {AvailableFFSeats, AvailableEESeats, AvailableBBSeats} = state;  return(  lt;Box sx={{ display: 'flex' }}gt;  lt;FormControl sx={{ m: 3 }} component="fieldset" variant="standard"gt;  lt;FormLabel component="legend"gt;First Class Seatslt;/FormLabelgt;  lt;FormGroupgt;  {fList.map(AvailableFSeats =gt; (  lt;FormControlLabel  control={  lt;Checkbox checked={AvailableFFSeats} onChange={handleChange} name="AvailableFSeats" /gt;  }  label={AvailableFSeats}  /gt;)  )}  lt;/FormGroupgt;  lt;/FormControlgt; lt;/Boxgt; )  }