您是否应该使用React Context Provider包装整个应用程序?

时间:2019-07-01 01:04:34

标签: reactjs react-context

如果用户已通过身份验证并可以通过React Context API访问,我想保存一个简单的布尔值+用户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没有任何经验,所以对于以前使用过此框架的每个人来说,这可能都是自然的。

对Google的研究提出了许多有关如何实现React Context或使用HOC的指南,但是我单击的15条指南并没有回答我的问题。

1 个答案:

答案 0 :(得分:0)

@Fyodor在他的评论中指出了这一点:

  

您可以将整个应用包装在提供程序中。 React-redux建议相同   (react-redux.js.org/introduction / ...),因此您可以认为它可以接受   练习