组件在ES6中的组件

Question

通过使用React.createClass，我们知道我们可以在createClass中使用React.createClass，只需将它分配给一个函数，名称是Abc，那么它就可以像<Abc someprop/>一样使用。

但是在ES6怎么样？

视图-来源：http://chrisharrington.github.io/demos/react-controls/calendar.html

我试图在var Week = React.createClass({..中转换行es6，但不知道如何转换。

Answer 1

下面是两个反应组件的例子，一个在另一个内部。

import React from "react";

class Foo extends React.Component {
  render() {
    return (
      <p>Foo component, title is: {this.props.title}</p/>
    );
  }
}

class Bar extends React.Component {
  render() {
    return (
      <Foo title="My title" />
    );
  }
}