Mi objetivo es actualizar el campo de price de un objeto individual.
Aquí está mi matriz de monedas selectedCurrenciesArray :
const [selectedSwapCurrencies, setSelectedSwapCurrencies] = useState([ { symbol: null, logo: null, price: 0 }, { symbol: null, logo: null, price: 0 }, ]); Estoy mapeando a través de un componente de Input así...
{Object.values(selectedSwapCurrencies).map((currency, index) => { return ( <Input onChange={(e) => setSelectedSwapCurrencies({ ...selectedSwapCurrencies, [selectedSwapCurrencies[index].price]: e.target.value, }) /> ) })}Sin embargo, cada vez que actualizo la entrada, elimina por completo el primer objeto de la matriz.
Prueba esto (no probado)
selectedSwapCurrencies.map((currncy,index)=>{ return ( <Input onChange={(e) => setSelectedSwapCurrencies({ ...selectedSwapCurrencies, [selectedSwapCurrencies[index].price]: e.target.value, }) /> ) })