如何在没有多个包装的情况下将react context api与react-redux一起使用？

Question

我正在为我的应用程序使用redux store。

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

但是，我想要另一个属性“ deviceType”，并使它可用于整个应用程序，就像通​​过创建上下文做出的简单反应一样。我无法这样做...

这是唯一的解决方法

<Provider store={store}>                      // redux store provider
  <SomeContext.Provider value={deviceType}> // context provider
     <App></App>
  </SomeContext.Provider>
</Provider>

因为这样我的代码会变得丑陋，所以我不想应用很多这样的包装。请告诉我实现此目标的可能方法是什么？

基本上在某个子组件中（比如说在4层内），我想访问此“ deviceType”属性以及该孩子的父代在该孩子内部传递的道具，并可能访问最顶层提供的商店。如何整合所有内容？我找不到能帮助我提起诉讼的解决方案...请以任何可能的方式指导我。

谢谢。