为导入的节点模块提供 React Context答案

【问题标题】：Providing React Context to an imported node module为导入的节点模块提供 React Context
【发布时间】：2019-07-09 07:54:48
【问题描述】：

是否可以 ES6 从 node_modules 导入依赖于上下文提供者（如 react-redux 6.0）的 React 组件，而该模块不会导出提供者上下文？

例如，导入的实现会使用自己的 Provider 包装导入的组件。

import App from 'app-package'
import { Provider } from 'react-redux'

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('example'),
);

这在 react-redux 5.1.1 中有效，但在 6.0.0 中无效，我认为是因为 6.0.0 现在正在使用 React Context API。该问题也可能与 webpack 有关。

【问题讨论】：

标签： reactjs webpack react-redux

【解决方案1】：

找到这个https://github.com/facebook/react/issues/13336。

似乎<App/> 必须有自己的提供者上下文，因为它在命令边界之外。

要与<App/> 共享存储，可以使用ReactReduxContext.Consumer 并将存储作为道具传递给它（通过组件包装器）

【讨论】：