ES6中组件内的组件

时间:2017-03-10 04:56:07

标签: javascript reactjs react-jsx

通过使用React.createClass,我们知道我们可以在createClass中拥有React.createClass,只需将其分配给一个函数,名称为Abc然后可以像<Abc someprop/>一样使用

但是ES6怎么回事?

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

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

1 个答案:

答案 0 :(得分:0)

以下是2个反应组件的示例,一个在另一个内部。

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