¿Cómo puedo acceder al index dentro de la array y actualizarlo sin eliminar la propiedad y el valor dentro del objeto?
const [data, setData] = useState({ commission: [{ commissionFor: "", commissionPercentage: "" }], salary: [{ salaryFor: "", salaryPrice: "" }], off: [{ offFor: "", offPercentage: "" }], }); <Autocomplete onChange={(e, value) => setData((data) => ({ ...data, ["commission"]: { ...data[0], ["commissionFor"]: value || e.target.value, }, })) } renderInput={(params) => <TextField {...params} label="Commission" />} />Se puede hacer así
setData((data) => ({ ...data, commission: data.commission.map((c, index) => index === 0 ? {...c, commissionFor: value || e.target.value}: c) }))Si está mapeando estos datos, luego de hacer clic en los datos, envíe el índice de ese elemento usando esa posición de índice del 0