全局导入 react 而不是在每个组件中导入 [React Hooks]答案

【问题标题】：Globally importing react rather than importing in each component [React Hooks]全局导入 react 而不是在每个组件中导入 [React Hooks]
【发布时间】：2021-03-01 22:51:22
【问题描述】：

我想知道是否有一种方法可以全局提供 React 而不是在每个组件中导入它

我尝试使用提供程序功能配置我的 webpack.config.js，但它似乎不起作用。

Webpack 代码

plugins: [
   new webpack.ProvidePlugin({
     'React':     'react'
   })
],

对此提出建议会很棒，因为在每个组件中导入它有点多余。

【问题讨论】：

如果您使用create-react-app，它将自动全局初始化，您无需编辑webpack.config
@theWellHopeErr 其实我用的是nextjs 有什么办法可以在这里面配置吗？

标签： reactjs

【解决方案1】：

在 React 中，没有全局导入，但我们可以通过这两种间接方法避免在每个文件中导入 react。

创建一个高阶组件并将您的其他组件包装在其中。
将组件作为道具传递。

有关更多详细信息和示例，请参阅此answer。

【讨论】：