我刚接触React,正在努力掌握语法。
我在React 15环境下进行开发(使用react-starterify模板),一直使用VERSION 2中的语法,但是我在Facebook的React页面上找到的大部分示例和教程都是VERSION 1。这两者之间有什么区别,我应该在什么情况下使用其中的一个而不是另一个?
VERSION 1
var MyComponent = React.createClass({
render: function() {
return (
<ul>
// some list
</ul>
);
}
});
module.exports = MyOtherComponent;
版本 2
const MyComponent = () => (
<ul>
// some list
</ul>
);
export default MyComponent;
componenDidMount
,shouldComponentUpdate
等生命周期方法。第二个版本基本上只是render
函数。默认情况下使用第二个版本,如果需要生命周期方法,请使用第一个版本。 - aziumcreateClass
是旧的类样式,现在您可以(应该)使用ES6类。 - Aaron Beall