Javascript 与Reactjs语法混淆

Javascript 与Reactjs语法混淆,javascript,reactjs,syntax,babeljs,Javascript,Reactjs,Syntax,Babeljs,我对这个很陌生,所以请大家耐心听我说。我已经研究了创建组件时的反应,如 var app = React.createClass({ ... }); 就像 然而,在我的mac中安装react后,我发现语法与我习惯的有点不同。i、 e class Application extends React.Component { ... } 就像 现在,由于我对Java的先验知识,我确实理解了代码。但我只是想知道区别。这对我来说是个问题,因为当我编写React.createClass()这样的语法时,它

我对这个很陌生,所以请大家耐心听我说。我已经研究了创建组件时的反应,如

var app = React.createClass({ ... });
就像

然而,在我的mac中安装react后,我发现语法与我习惯的有点不同。i、 e

class Application extends React.Component { ... }
就像

现在,由于我对Java的先验知识,我确实理解了代码。但我只是想知道区别。这对我来说是个问题,因为当我编写React.createClass()这样的语法时,它不起作用

如果你看第二个,你会看到巴贝尔写在JS旁边。那么,react是否默认使用Babel


我想你明白了。谢谢

第一个示例使用
React.createClass()
helper函数,而第二个示例使用定义React组件

两者都是定义组件的有效方法。但是请注意,您需要在发货之前将ES6代码传输到ES5,以使其跨浏览器兼容


第一个表单使用ES5,第二个表单使用ES6语法。通过谷歌搜索,你可能会得到比在这里等待别人解决更好的答案
React.createClass
还添加了一些在使用ES6类语法时没有的功能(例如函数自动绑定)。这篇文章似乎是关于这一主题的有用读物: