Блог

Я просто борюсь со значениями динамически добавляемых флажков в React с помощью MUI.

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

Код генерации флажка:

 const country = ['Österreich', 'Deutschland', 'Schweiz', 'Nordeuropa', 'Westeuropa',  'Mitteleuropa', 'Osteuropa', 'Südosteuropa', 'Südeuropa', 'Gesamt-Europa'];  lt;FormControl component="fieldset" sx={{marginLeft: '1rem'}}gt;  lt;RadioGroup  aria-label={"decisionMakerCountry" props.id}  name={"decisionMakerCountry" props.id}  defaultValue={props.formData !== null amp;amp; props.formData !== undefined ? props.formData["decisionMakerCountry" props.id] : ''}  gt;  {  country.map((field, index) =gt; (  lt;FormControlLabel value={field} control={lt;Checkbox/gt;} label={field}  key={index}/gt;  ))  }  lt;/RadioGroupgt; lt;/FormControlgt;  

Как я получаю все остальные значения формы:

 const handleNext = async (event) =gt; {  event.preventDefault();  const formData = new FormData(event.currentTarget);  handleFormData(formData); }  

Для всех других полей, например, текстовых полей, радиокнопок, … Я получаю данные правильно, просто для флажка это не работает.

Спасибо вам за все ваши ответы!