Reaktor przenoszący reakcje z wyjątkiem jednego:

Question

Reakcja sugeruje Transfer Props. Schludny!

Jak mogę przetransferować wszystkie oprócz jednego?

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

Answer 1

można użyć następującej techniki spożywać niektóre z rekwizytów i przekazać reszta:

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

Source

Answer 2

Co należy zrobić, to utworzyć kopię obiektu rekwizytów i usunąć klucz (y), których nie chcesz. Najprostszym sposobem byłoby użycie omit z lodash, ale możesz również napisać dla niego trochę kodu (utwórz nowy obiekt, który ma wszystkie klucze rekwizytów oprócz jednego).

Z pominąć (kilka opcji na górze, w zależności od tego, co pakiet importowania/ES smak używasz):

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

Jeśli masz dużo rekwizytów nie chcesz w ...rest np defaultProps, może być denerwujące, aby napisać je wszystkie dwa razy. Zamiast tego możesz utworzyć go sam z prostą pętlą nad bieżącymi rekwizytami:

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