Quiero mostrar un menú de configuración al hacer clic cuando se agrega un elemento a mi lista y deshabilitar todos los demás menús de configuración cuando uno está activo. También tengo un elemento de muestra en un estado diferente y me gustaría desactivar todos los menús de configuración cuando está activado y desactivarlo si un menú de configuración está activado. Estoy almacenando los estados de configuración de todos los elementos en una matriz y en mi función de actualización, la copia de mi estado de configuración está cambiando pero mi estado de configuración real no. Creo que tiene que ver con mi efecto de uso y cuando lo comento, mi estado de configuración cambia pero no se procesa. Estaba funcionando antes de mapear los datos de mi gráfico, pero no estoy seguro de qué causó que dejara de funcionar, ya que comentarlo aún no representa la configuración.

 const [settings, setSettings] = useState([]); const [sampSettings, setSampSettings] = useState(false); const updateSettings = (val, index) => { if(val){ let copySettingsFalse = [...settings] copySettingsFalse[index]=false; return setSettings(copySettingsFalse); } let copySettingsTrue = settings.fill(false); copySettingsTrue[index] = true; console.log(copySettingsTrue) return setSettings(copySettingsTrue);

};

 useEffect(() => { if (stockList.length>0){ stockList.map((val,index) => { // Chart setLineData([ ...lineData, { labels:trimLineDataHistory[index], datasets: [ { label: val.Tick, data: trimLineDataHistory[index].reverse(), pointRadius: 0, fill: false, backgroundColor: day ? "#e9dfd4" : "#141e28", borderColor: "#52ad59", }, ], }, ]); // Settings setSettings([...settings, false]); })} return; },[stockList]); // Settings // useEffect(() => { // if (settings.includes(true)) { // setSampSettings(false); // } // if (sampSettings === true) { // setSettings(settings.fill(false)); // } // return; // }, [settings,sampSettings]); if(stockList.length>1) return( <> {stockList.map((val, index) => { const { Tick, Name } = val; return( <div className="stockItemIcon"> <BsFillGearFill className="gearIcon" onClick={() => updateSettings(settings[index], index)}></BsFillGearFill> <div className={settings[index]? (day?"settingsContainerAlt showSettings daySettings":"settingsContainerAlt showSettings nightSettings") :(day?"settingsContainerAlt hideSettings daySettings":"settingsContainerAlt hideSettings nightSettings")}> </div>)} </>)