javascript - div - setelementbyid

Reaccionar apoyos de transferencia excepto uno

Question

Reaccionar sugiere transferir apoyos . ¡Ordenado!

¿Cómo puedo transferir todos menos uno?

render: function(){
  return (<Cpnt {...this.propsButOne}><Subcpnt one={this.props.one} /></Cpnt>);
}

Answer 1

Lo que debe hacer es crear una copia del objeto de accesorios y eliminar la (s) clave (s) que no desea. Lo más fácil sería usar lodash desde lodash pero también podrías escribir un poco de código para esto (crea un nuevo objeto que tenga todas las claves de accesorios, excepto una).

Con omitir (algunas opciones en la parte superior, dependiendo del paquete que importes / sabor de ES que uses):

const omit = require(''lodash.omit'');
//const omit = require(''lodash/omit'');
//import { omit } from ''lodash'';

...
render() {
    const newProps = omit(this.props, ''one'');
    return <Cpnt {...newProps}><Subcpnt one={this.props.one} /></Cpnt>;
}

Answer 2

Puedes usar la siguiente técnica para consumir algunos de los accesorios y pasar el resto:

render() {
  var {one, ...other} = this.props;
  return (
    <Cpnt {...other}>
      <Subcpnt one={one} />
    </Cpnt>
  );
}

Source

Answer 3

Si tiene muchos accesorios que no desea en ...rest por ejemplo, los ajustes predeterminados, puede ser molesto escribirlos dos veces. En su lugar, puede crearlo usted mismo con un simple bucle sobre los apoyos actuales de esa manera:

let rest = {};
Object.keys(this.props).forEach((key, index) => {
    if(!(key in MyComponent.defaultProps))
       rest[key] = this.props[key];
});