Estoy tratando de encontrar la forma correcta de definir algunos componentes que podrían usarse de forma genérica:

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

Hay una lógica en curso para la representación entre los componentes principales y secundarios, por supuesto, se puede imaginar<select> y<option> como ejemplo de esta lógica.

Esta es una implementación ficticia para el propósito de la pregunta:

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

La pregunta es cada vez que usas{this.props.children} para definir un componente contenedor, ¿cómo se transfiere alguna propiedad a todos sus elementos secundarios?