syntax - 有什么不同？你能解释一下语法吗？

Question

我是 React-Native 的新手，我在教程中遇到了两个不同的(对我来说)说明。您能解释一下它们之间的区别吗？

1) var React = require('react-native');

对比

导入 react ，{ 应用程序注册表， 成分， 样式表， 文本， 看法 } 来自 'react-native';

2) var ReactComponent = React.createClass({...});

对比

类 ReactComponent 扩展组件 {}

react-native 的最佳实践实际上是什么？ - 哪种变体更好用，为什么？此外，到处都写着为react-native命名一个变量“React”。为什么我不能用另一个词来命名它(模拟器说它找不到变量 React)？

Answer 1

在这两个示例中，第一个选项是过去的编写方式，而第二个选项是引入了一些新事物的"new"ES6 语法。这就是为什么您会发现旧文档使用第一种语法，而新文档可能使用新的 ES6 标准。刚开始的时候也让我很困惑。

如果您有兴趣，可以在这里阅读 ES6 模块系统:http://www.2ality.com/2014/09/es6-modules-final.html

据我所知，您可以互换使用旧的 (<=ES6) 和新的 ES6 语法，但从最佳实践的角度来看，我会在您的代码中遵守其中一种语法，最好是新标准。