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

Question

我是 React-Native 的新手，我在教程中遇到了两种不同的（对我而言）说明。你能解释一下它们之间的区别吗？

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

对

导入 React，{ 应用注册， 零件， 样式表， 文本， 看法 } 来自 'react-native';

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

对

class 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 语法，但从最佳实践的角度来看，我会在您的代码中遵循一个，最好是新标准。