ES6 组件中的组件

Question

通过使用React.createClass我们知道我们可以在createClass中有React.createClass，只需将它分配给一个函数，说名字是Abc然后它可以像<Abc someprop/>[=一样使用15=]

但是在 ES6 中怎么样？

查看源代码：http://chrisharrington.github.io/demos/react-controls/calendar.html

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

Answer 1

这里有一个 2 个 React 组件的例子，一个在另一个里面。

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

ES6 组件中的组件

Component within a component in ES6

javascript

reactjs

react-jsx