Redux for React 中 `Provider` 和 `connect` 的区别

IT技术 performance reactjs redux react-redux
2021-05-15 01:30:25

我看到使用 Redux 有两种方法可以将状态传递给 React 应用程序中的组件,一种是抛出 Provider 组件,另一种是使用连接功能。但是,我想知道为什么有两种不同的方式,哪一种在性能上比另一种更好。

2个回答

它们并不相互排斥。实际上你几乎总是需要使用Provider,即使使用connect(参见:https : //github.com/reactjs/react-redux/blob/master/docs/api.md#provider-store

如果没有connect您必须手动将 store 传递给需要它们的组件,嵌套组件会变得混乱,因为您需要将它传递到多个级别,甚至通过不需要 store 的组件(如果其子级需要 store)。

提供者(组件):将应用程序附加到商店。在应用程序根目录使用并包装整个应用程序。

Connect(函数):创建容器组件。