Wir hatten einige Probleme bei der Verwendung von "Reagieren", aber esirgendwi kocht auf einen Teil dessen, wie wir reagiert haben.

Wie hätten wir untergeordnete Komponenten anzeigen / verbergen sollen?

Dies ist, wie wir es codiert haben (dies sind nur Ausschnitte unserer Komponenten) ...

_click: function() {
  if ($('#add-here').is(':empty'))
    React.render(<Child />, $('#add-here')[0]);
  else
    React.unmountComponentAtNode($('#add-here')[0]);
},
render: function() {
  return(
    <div>
      <div onClick={this._click}>Parent - click me to add child</div>
      <div id="add-here"></div>
    </div>
  )
}

und in letzter Zeit habe ich Beispiele gelesen, wie es irgendwo in dieser Richtung hätte sein sollen:

getInitialState: function () {
  return { showChild: false };
},
_click: function() {
  this.setState({showChild: !this.state.showChild});
},
render: function() {
  return(
    <div>
      <div onClick={this._click}>Parent - click me to add child</div>
      {this.state.showChild ? <Child /> : null}
    </div>
  )
}

Sollte ich dieses React.render () benutzt haben? Es scheint verschiedene Dinge zu stoppen wieshouldComponentUpdate zum Kind kaskadieren und Dinge wiee.stopPropagation ...