在结构上,这两个代码有多么不同?他们(几乎)不相同吗?在什么情况下,一个优先于另一个?
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);
答案 0 :(得分:1)
第一个是ES5,第二个是ES6。
代码方面,他们正在做同样的事情。
您可以在React.js Blog中了解ES6课程支持。
最大的区别在于,您现在可以在今天的浏览器中使用零原生支持ES6代码。
很可能,您需要在应用程序中添加一个构建步骤,将ES6语法转换为与ES5兼容的语法。
非常受欢迎且非常适合的转发器是babel.js。
就个人而言,我现在正在使用ES6,并在必要时转发到ES5。