全局导入react，而不是在每个组件中导入[Rreact Hooks]

Question

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

我试着用provider函数配置我的webpack.config.js，但似乎不起作用。

Webpack代码

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

有一个建议会很好，因为在每个组件中导入它会有点多余。

Answer 1

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

1. 创建一个高阶组件并将其他组件封装在其中
2. 将组件作为道具传递

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

Answer 2

您需要在webpack.config.js:中添加新插件

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

此外，如果您正在使用TypeScript，则应将其添加到tsconfig.json:中

"allowUmdGlobalAccess": true