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

IT技术 reactjs react-context
2021-04-27 16:19:23

如果用户通过身份验证并通过React Context API访问它,我想保存一个简单的 boolean + userID

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

使用 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>
    );
}

}

我使用本指南作为参考。

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

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

1个回答

@Fyodor 在评论中指出:

您可以将整个应用程序包装在提供程序中。React-redux 推荐相同的 (react-redux.js.org/introduction/...),所以你可以认为这是可以接受的做法