与Reactjs语法混淆

Confusion with Reactjs syntax

本文关键字：语法 Reactjs      更新时间：2023-09-26

我是新手，所以请大家耐心听我说。我研究过React，其中创建了一个组件，如

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

就像这里一样。

然而，在我的mac上安装react后，我发现语法与我习惯的有点不同。例如,

class Application extends React.Component { ... }

就像这里。

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

如果你看codepen中的第二个链接，你会看到Babel是写在JS旁边的。那么，react默认使用Babel吗?

我想你明白了。谢谢!

第一个示例使用React.createClass() helper函数，而第二个示例使用ES6类语法来定义React组件。

都是定义组件的有效方法。但是，请注意，在发布ES6代码之前，您需要将其转换为ES5，以使其跨浏览器兼容。

相关文章：