Я пытаюсь найти правильный способ определить некоторые компоненты, которые могут быть использованы в общем виде:

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

Существует логика рендеринга между родительским и дочерним компонентами, конечно, вы можете себе представить<select> а также<option> как пример этой логики.

Это фиктивная реализация для цели вопроса:

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>);
  }
});

Вопрос в том, когда вы используете{this.props.children} чтобы определить компонент оболочки, как передать какое-то свойство всем его дочерним элементам?