reactjs - 为什么需要在父子组件中多次导入React？

Question

如果您有一个已经导入了 React 的父组件文件，为什么它的任何渲染的子文件也需要导入 React？这是否只是一种安全措施，以防这些子项被渲染到尚未导入 React 的其他地方？

Answer 1

在nodejs中，每个文件都是一个模块，有自己的变量范围。当您将变量导入到文件中(例如 React)时，您可以将此变量添加到模块作用域，而不是全局作用域。

如果是webpack，您可以使用 providePlugin轻松使 React 变量全局化:

new webpack.ProvidePlugin({
  React: 'react' // ReactJS module name in node_modules folder
})

之后，您可以在所有模块中跳过导入 React 变量。 Webpack 将在需要时自行完成。