reactjs - React ES6中的子组件

Question

我知道在React的过去版本中，我们可以像这样制作子组件。

var MyFormComponent = React.createClass({ ... });

MyFormComponent.Row = React.createClass({ ... });
MyFormComponent.Label = React.createClass({ ... });
MyFormComponent.Input = React.createClass({ ... });

但是我想知道我们如何在React ES6中创建子组件。
它使用像这样的语法吗

class Row Extends MyFormComponent , Component {}

还是这种方法还有其他方法？

Answer 1

我认为您正在寻找的语法是：

MyFormComponent.Row = class Row extends React.Component { ... }

但是，正如@Borjante所评论的那样，这只是将组件分组到另一个组件下的一种方式，并且对此没有任何特殊的“子组件”行为。但是，如果您认为这是命名组件的好模式，那就去吧。