Ich versuche, den richtigen Weg zu finden, um einige Komponenten zu definieren, die allgemein verwendet werden könnten:

<Parent>
  <Child value="1">
  <Child value="2">
</Parent>

Es gibt natürlich eine Logik für das Rendern zwischen übergeordneten und untergeordneten Komponenten, die Sie sich vorstellen können<select> und<option> als Beispiel für diese Logik.

Dies ist eine Dummy-Implementierung für den Zweck der Frage:

var Parent = React.createClass({
  doSomething: function(value) {
  },
  render: function() {
    return (<div>{this.props.children}</div>);
  }
});

var Child = React.createClass({
  onClick: function() {
    this.props.doSomething(this.props.value); // doSomething is undefined
  },
  render: function() {
    return (<div onClick={this.onClick}></div>);
  }
});

Die Frage ist, wann immer Sie @ verwend{this.props.children} Um eine Wrapper-Komponente zu definieren, wie geben Sie eine Eigenschaft an alle untergeordneten Komponenten weiter?