Operador de propagación React ES6
Operador de propagación
El operador de extensión de JavaScript ( ...
) nos permite copiar rápidamente todo o parte de una matriz u objeto existente en otra matriz u objeto.
Ejemplo
const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];
El operador de extensión se usa a menudo en combinación con la desestructuración.
Ejemplo
Asigne el primer y el segundo elemento de numbers
a las variables y coloque el resto en una matriz:
const numbers = [1, 2, 3, 4, 5, 6];
const [one, two, ...rest] = numbers;
También podemos usar el operador de propagación con objetos:
Ejemplo
Combina estos dos objetos:
const myVehicle = {
brand: 'Ford',
model: 'Mustang',
color: 'red'
}
const updateMyVehicle = {
type: 'car',
year: 2021,
color: 'yellow'
}
const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}
Observe que las propiedades que no coincidían se combinaron, pero la propiedad que sí coincidió color
, fue sobrescrita por el último objeto que se pasó, updateMyVehicle
. El color resultante ahora es amarillo.