Wie reagieren die Komponenteneigenschaft Kind ändern

Question

I-Komponente mit einer Reihe von verschiedenen Kinder reagieren haben:

render() { 
    let Tag = '${this.props.wrapper}'; 
    return (
     <Tag> 
      {this.props.children} 
     </Tag> 
    ); 
} 

Wenn ein Ereignis aufgetreten i className Eigenschaft einer Anzahl von Kindern ändern müssen. Gibt es eine Möglichkeit, dies von der übergeordneten Komponente zu tun?

Answer 1

denken ändern würde ich Sie so etwas wie dies gesuchte:

render() { 
    return React.createElement(
    this.props.wrapper, 
    null, 

    // Children 
    React.cloneElement(
     this.props.children, 
     {className: 'assignedChildClassname'} 
    ) 
); 
} 

Löst dies Ihr Problem?

Answer 2

In Ihrer Eltern-Komponente können Sie Klassennamen passieren, wie

<Child className={this.state.classes}/> 

Ihre Eltern Requisiten Zustandsklassen haben, die auf Klick