Jak przekazać wszystkie inne rekwizyty, aby zareagować na lekcje?

Question

Say mam 3 rekwizyty, że moja klasa komponent oparty wymaga i osprzęt tj

<Component propOne={this.props.one} propTwo={this.props.two}> 
    {this.props.children} 
</Component> 

jak będę przechodzić w dół żadnych inne rekwizyty, że pierwotnie nie należy się spodziewać, ale że ktoś inny korzysta z mojego składnik chciałby używać?

Myślałam

<Component propOne={this.props.one} propTwo={this.props.two} {...this.props} > 
    {this.props.children} 
</Component> 

Ale jestem zaniepokojony prop powielania

Answer 1

Użyj operatora spread

let {propOne, propTwo, ...leftOver} = this.props; 
// `leftOver` contains everything except `propOne` and `propTwo` 

Więc Przykładem może stać się:

const {propOne, propTwo, children, ...props} = this.props; 
<Component propOne={propOne} propTwo={propTwo} {...props}> 
    {children} 
</Component> 

Answer 2

filtrować je?

function without(props, keys) { 
    return Object.keys(props) 
    .filter((key) => keys.indexOf(key) !== -1) 
    .reduce((retVal, key) => { 
     retVal[key] = props[key]; 
    }, {}); 
} 

<Component propOne={this.props.one} propTwo={this.props.two} {...without(this.props, ['one', 'two'])} > 
    {this.props.children} 
</Component>