Question

也许我正在以错误的方式思考这个问题，因为我刚刚刚刚选择了ReactJS，所以请随意纠正我的思维方法。

我想要做的是（理论上）能够拥有N个特定的子组件，这些子组件可以放入单个父组件中，但我不知道如何告诉父组件要呈现哪个子组件。

例如，我编写了一个只显示内容区域的选项卡容器。内容区域是父级。我想要有N种不同类型的项目可以进入这个内容区域。这些项目将是 children 。我是否可以使用单个父组件，并且有人动态选择要呈现的子类型，而不必经历父级中条件语句的麻烦？

如果我的问题不明确，请告诉我。

提前谢谢！

Answer 1

我有时会这样做：

var Parent = React.createClass({
  render: function() {
    return React.DOM.div({}, this.props.childClass(this.props.childProps));
  }
});

或：

var Parent = React.createClass({
  render: function() {
    return React.DOM.div({children: this.props.children});
  }
});

Parent({}, ChildClass({foo: 'asdf'}))

使用具有通用父组件的特定子组件

1 个答案: