问从‘../components/ App’导入App和var App= require('../components/App')；有什么区别？

EN

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

导入/导出是用于导入/导出模块/组件的ES6特性之一。例如:您可以对React组件进行命名/缺省导出。同样，您可以导入它们。

export default App

尽管大多数web浏览器都不能理解ES6，但可以使用Babel或任何其他工具进行转换。在幕后，这些语句在默认情况下被转换为require()，它在节点环境中使用common.js。

导入/导出是ES6功能之一，您不会看到仅导入默认导出的好处。例如，您可以像这样导出其他components...etc

  export default MainComponent;
  export {OtherComponent}

您可以使用ES6导入它们：

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

你当然可以使用ES5来做这件事，但这会更快……