react.js中的createClass中的createclass

Question

我是新手反应和与组件概念混淆的新手。我知道一个组件可以包含在另一个组件中，但是这次我在一个createclass中看到了另一个createclass。

view-source：http：//chrisharrington.github.io/demos/react-controls/calendar.html

在116中，在ES6中的外观？

Answer 1

为例，这是使用 React.createClass的组件。

var DayNames = React.createClass({
  render: function() {
    return <div className="week names">
      <span className="day">Sun</span>
      <span className="day">Mon</span>
      <span className="day">Tue</span>
      <span className="day">Wed</span>
      <span className="day">Thu</span>
      <span className="day">Fri</span>
      <span className="day">Sat</span>
    </div>;
  }
});

这里再次作为无状态函数组件。

function DayNames() {
  return <div className="week names">
    <span className="day">Sun</span>
    <span className="day">Mon</span>
    <span className="day">Tue</span>
    <span className="day">Wed</span>
    <span className="day">Thu</span>
    <span className="day">Fri</span>
    <span className="day">Sat</span>
  </div>;
}

在这里再次是ES2015类。

class DayNames extends React.Component {
  render() {
    return <div className="week names">
      <span className="day">Sun</span>
      <span className="day">Mon</span>
      <span className="day">Tue</span>
      <span className="day">Wed</span>
      <span className="day">Thu</span>
      <span className="day">Fri</span>
      <span className="day">Sat</span>
    </div>;
  }
}

Answer 2

在ES6上和上述0.14，您还可以使用无状态的功能组件，例如

const DayNames = () => ( 
  <div className="week names"> 
    <span className="day">Sun</span> 
    <span className="day">Mon</span> 
    <span className="day">Tue</span> 
    <span className="day">Wed</span> 
    <span className="day">Thu</span> 
    <span className="day">Fri</span> 
    <span className="day">Sat</span> 
  </div> 
)