Reagieren Übertragung Requisiten mit Ausnahme einer

Question

React schlägt vor, Transfer Props. Ordentlich!

Wie kann ich alle außer einem übertragen?

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

Answer 1

Sie die folgende Technik verwenden können, einige der Requisiten zu konsumieren und auf dem Pass Rest:

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

Source

Answer 2

Sie müssen eine Kopie des Props-Objekts erstellen und die nicht gewünschten Schlüssel löschen. Am einfachsten wäre es, omit von lodash zu verwenden, aber Sie könnten auch ein wenig Code dafür schreiben (erstellen Sie ein neues Objekt, das alle Schlüssel der Requisiten außer einem hat).

Mit auslassen (einige Optionen an der Spitze, je nachdem, welches Paket, das Sie importieren/ES Aroma, das Sie verwenden):

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 3

Wenn Sie eine Menge von Requisiten haben wollen Sie nicht in ...rest zB defaultProps kann es lästig sein, alle doppelt zu schreiben. Stattdessen können Sie es selbst mit einer einfachen Schleife über die aktuellen Requisiten wie diese erstellen:

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