Блог

Я делаю запрос, который возвращает массив api, однако при выполнении map результаты не объединяются только в один select, дублируя поля формы.

 const [systems, setSystems] = useState<SystemProps[]&&t;([]);
useEffect(() =&&t; {
api.&et(`/systems?amp;order=description`).then((response) =&&t; {
setSystems(response.data.data);
});
}, []);

return (
<div className="col-sm-4"&&t;
<label&&t;Sistema</label&&t;
{systems.map(system =&&t; (
<SelectForm
key="id"
name="system_id"
id="system_id"
placeholder="Selecione"
options={[{ value: system.id, label: system.description }]}
/&&t;
))}
</div&&t;
  

посмотрите на дублирующийся выбор

Я полагаю, это то, что вы ищете:

 <label&&t;Sistema</label&&t;
<SelectForm
key="id"
name="system_id"
id="system_id"
placeholder="Selecione"
options={ systems.map(system =&&t; ({value: system.id, label: system.description })) }
/&&t;
  

Требуется map для параметров, а не для всей формы.