有什么不同?你能解释一下这个语法吗?

时间:2016-04-05 11:53:35

标签: syntax react-native difference explain

我是React-Native的新手,我在教程中遇到了两个不同的(对我来说)指令。你能解释一下他们之间的区别吗?

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

VS

import React,{   AppRegistry,   零件,   样式表   文本,   视图 来自' react-native';

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

VS

class ReactComponent扩展了Component {}

实际上反应原生的最佳做法是什么? - 哪种变体更好用,为什么?在任何地方都写了一个名字变量" React"反应原生的。为什么我不能用另一个词来命名(模拟器说它不能找到变量React)?

1 个答案:

答案 0 :(得分:3)

在这两个例子中,第一个选项是用来写东西的方式,而第二个选项是" new" ES6语法引入了一些新东西。这就是为什么您使用第一种语法找到旧文档的原因,而较新的文档可能会使用新的ES6标准。我刚开始的时候也很困惑我。

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

据我所知,您可以互换使用旧的(&lt; = ES6)和新的ES6语法,但从最佳实践的角度来看,我会在您的代码中遵循一个,最好是新标准。< / p>