Блог

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

 const handleSelect = (e,id) =gt; {  let newValue = [1]; if (e.target.value.length) {  newValue = e.target.value.filter((item) =gt; {  return item gt; 1;  }); }  const finalString = newValue  .reduce((acumulatedFinal, pass) =gt; {  return acumulatedFinal   ", "   exportOptionNames[pass - 1];  }, "")  .replace(",", "")  .trim();  setSelectedSelections(finalString.length ? finalString : "Export Option");  setExportOption(newValue); };        lt;FormControl }gt;  lt;Select onClick={(e)=gt; e.stopPropagation()}  labelId="label"  id="select"  value={exportOption}  multiple  onChange={(e) =gt; handleSelect (e, item.id)}  key={item.id}  renderValue={() =gt; {  return selectedOptionNames;  }}  input={lt;BootstrapInput /gt;}  gt;  lt;MenuItem value={1} disabledgt;  Export Report  lt;/MenuItemgt;  lt;MenuItem value={2}gt;  lt;Checkbox checked={exportOption.includes(2)} /gt;  lt;ListItemTextgt;{exportOptionNames[1]}lt;/ListItemTextgt;  lt;/MenuItemgt;  lt;MenuItem value={3}gt;  lt;Checkbox checked={exportOption.includes(3)} /gt;  lt;ListItemTextgt;{exportOptionNames[2]}lt;/ListItemTextgt;  lt;/MenuItemgt;  lt;MenuItem value={4}gt;  lt;Checkbox checked={exportOption.includes(4)} /gt;  lt;ListItemTextgt;{exportOptionNames[3]}lt;/ListItemTextgt;  lt;/MenuItemgt;  lt;/Selectgt;