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 numbersa 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.