相关疑难解决方法(0)

我正在尝试找到正确的方法来定义一些可以通用方式使用的组件:

<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}用来定义包装器组件时,如何将一些属性传递给它的所有子组件？

我正在尝试将bootstrap包装到具有集成表单验证的组件中.

简短:让我说我有

<Form>
  <FieldGroup>
     <Field rules={'required'}/>
  </FieldGroup>
</Form>

一旦Field验证,我如何通知FieldGroup(父节点)添加一个类？

我在这里创建了一个简化的codepen版本

我想依赖验证状态,然后更改FieldGroup的状态所以我可以正确更改类名.(添加has-warning has-dangeretc)并最终将类添加到Form组件.