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

Question

我想保存一个简单的布尔值 + 用户 ID（如果用户已通过身份验证并可通过 React Context API 访问）。

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

用 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 方面没有任何经验，因此对于以前使用过该框架的每个人来说这可能很自然。

研究 Google 提出了许多关于如何实施 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

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

Should you wrap your whole app with a React Context Provider?

reactjs

react-context