从“ ../components/App”导入App有什么区别;和var App = require('../ components / App');?

时间:2018-08-15 06:59:12

标签: javascript node.js reactjs react-native react-redux

两者之间有什么区别

import App from '../components/App';

var App = require('../components/App');

都是用来获取组件的,但这并不能解决我在这里问到的查询: Uncaught Error: Minified React error #130

3 个答案:

答案 0 :(得分:2)

require在NodeJS中用于指定脚本中所需的模块。有关更多信息,请查看here。另一方面,import是ES6中引入的一条语句,用于导入由另一个模块导出的绑定。如其here所示。

答案 1 :(得分:0)

导入/导出是ES6的功能之一,用于导入/导出模块/组件。 例如:您可以对React Component进行命名/默认导出。同样,您可以导入它们。

Dim gc = New GraphClient(New Uri("http://localhost:7474/db/data"), "neo4j", "neo")
gc.Connect()
Dim results = gc.Cypher.Match("(n)").[Return](Function(n) n.[Count]()).Results

尽管大多数网络浏览器都无法理解ES6,但是Babel或其他任何工具都可以用于翻译。 在后台,这些语句默认情况下转换为require(),它在节点环境中使用common.js。

答案 2 :(得分:0)

导入/导出是 ES6功能之一,仅导入默认的导出功能并不会带来好处。例如,您可以导出其他组件...像这样

  export default MainComponent;
  export {OtherComponent}

,您可以使用ES6导入它们:

  import MainComponent, {OtherComponent} from '../components/App';

您可以肯定使用ES5来做到这一点,但这会更快...