reactjs - 你应该用 React Context Provider 包装你的整个应用程序吗？

Question

如果用户已通过身份验证并可以通过 React Context API 访问，我想保存一个简单的 bool 值 + 用户 ID .

许多指南用上下文提供者包装了他们的根组件。对我来说，包装整个应用程序似乎很浪费。另一方面，我需要在我的所有主页中都提供这些信息。

使用 React Context Provider 包装整个应用程序是否有任何负面影响？

例子:

class App extends Component {
render() {
    return (
        <MyProvider>
            <div className="App">
                    <h1 className="App-title">Welcome to my web store</h1>
                <ProductList />
            </div>
        </MyProvider>
    );
}

}

我用过 this guide作为引用。

我在 React Redux 方面没有任何经验，所以对于以前使用过这个框架的每个人来说，这可能很自然。

研究谷歌提供了许多关于如何实现 React Context 或使用 HOC 的指南，但我点击的 15 没有回答我的问题。

Answer 1

@Fyodor 在评论中指出:

You can wrap whole app in provider. React-redux recommends the same (react-redux.js.org/introduction/…), so you may consider it acceptable practice