有和没有类定义的ReactJS代码:首选哪一个?

时间:2015-06-17 04:21:17

标签: javascript reactjs

在结构上,这两个代码有多么不同?他们(几乎)不相同吗?在什么情况下,一个优先于另一个?

var Hello = React.createClass({
    render: function() {
        return ( <div>Hello World</div> );
    }
});
React.render(<Hello />, document.body);

class SampleApplication extends React.Component {
  render() {
    return ( <div>Hello  World</div> );
  }
}

React.render(<SampleApplication />, document.body);

1 个答案:

答案 0 :(得分:1)

第一个是ES5,第二个是ES6。

代码方面,他们正在做同样的事情。

您可以在React.js Blog中了解ES6课程支持。

最大的区别在于,您现在可以在今天的浏览器中使用原生支持ES6代码。

很可能,您需要在应用程序中添加一个构建步骤,将ES6语法转换为与ES5兼容的语法。

非常受欢迎且非常适合的转发器是babel.js

就个人而言,我现在正在使用ES6,并在必要时转发到ES5。

相关问题