javascript - 带和不带类定义的 ReactJS 代码 : which one is preferred?

Question

从结构上来说，这两个代码有什么不同？它们不是(几乎)等效吗？在什么情况下，其中一种优于另一种？

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);

Answer 1

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

就代码而言，他们正在做同样的事情。

您可以在 React.js Blog 中阅读有关 ES6 类支持的信息。 .

<小时/>

最大的区别是，当今的浏览器对 ES6 代码的 native 支持几乎零。

您很可能希望向应用程序添加一个构建步骤，将 ES6 语法转换为 ES5 兼容语法。

一个非常流行且非常合适的转译器是 babel.js .

<小时/>

就我个人而言，我现在所有事情都使用 ES6，并在必要时转换为 ES5。