Sınıfa tepki vermek için diğer tüm prodüksiyonlar nasıl geçilir?

Question

benim sınıf temelli bileşen gerektirir ve uygular ben aslen sanmıyoruz herhangi diğer sahne aşağı geçerdi nasıl

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

yani ama isteyeyim benim bileşenini kullanarak başkasının söylüyorlar 3 sahne var ki kullanmak?

Ben

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

düşünme Ama

Answer 1

Yani örnek olacak yayılmış operatörü

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

kullanın:

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

Answer 2

onları Filtre prop çoğaltılmasıyla ilgili değilim ki?

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>