Retire puntal de ... this.props en React

Stephen O'Leary:

Lo que estoy buscando es una forma rápida de eliminar un puntal antes de pasar ...this.propsa otro Reaccionar de componentes. Actualmente tengo un componente de orden superior que realiza alguna lógica y luego pasa todos sus apoyos a otro componente, pero el siguiente componente no necesita uno de los puntales. ¿Es posible eliminar ese prop sin dejar de utilizar ...this.propso qué tengo que enviar a cada puntal de forma individual?

Nick:

Usted debe ser capaz de usar el operador de reposo con la desestructuración de lograr el resultado deseado de la siguiente manera:

const props = {
  a: 1,
  b: 2,
  c: 3
}

// We want newProps without b

const { b, ...newProps } = props;

console.log(newProps);

Como alternativa, puede copiar el objeto y eliminar la hélice no deseado del nuevo objeto.

const props = {
  a: 1,
  b: 2,
  c: 3
}

const newProps = { ...props };
delete newProps.b;

console.log(newProps);

En este punto, puede difundir su newPropsen el componente devuelto:

<MyComponent {...newProps} />