Tengo una matriz 2d, a la que puedo empujar elementos. El problema con el que me encuentro es el hecho de que cuando imprimo el contenido, siempre hay un elemento en blanco en el índice 0. No sé de dónde viene esto.
const [array, setArray] = useState([[]]);// llamar a este código 4 veces
const updatedArray = [...array, ['test', 'test2']]; setArray(updatedArray);El problema aquí es
...array
ya que el valor inicial de la matriz es [] .
Por lo tanto array[0] sería igual a [] y agregaría sus nuevos valores a partir de array[1] .
Lo que quieres hacer es const updatedArray = [['test', 'test2']]; ya que no desea que se mantenga el valor inicial.
En algún momento, este problema ocurre con el estado.
En el caso de los ganchos, debe usar useEffect hook, como se muestra a continuación:
const [fruit, setFruit] = useState(''); useEffect(() => { console.log('Fruit', fruit); }, [fruit])Esto me salvó el día, ¡Espero que también te ayude!