将Redux状态传递到组件时的最佳实践

伊万·瓦伦丁

我正在与其他几个开发人员一起进行React + Redux项目,我们不能就在状态和动作中传递最佳方法达成共识。

我的方法是有一个“容器”或“提供者”组件,它是父组件,所有必需的状态和动作都映射到状态,并传递给子组件,从而创建了一个真实的来源。但是,不利的一面是,您必须记住将操作和值向下传递到每个子组件中,这很棘手。

开发人员的另一种方法是mapStateToProps在堆栈中任意位置的每个组件上使用它。因此,如果向下三层或四层的子组件需要某个状态,则他将在该组件上使用mapStateToProps。他还将直接使用import关键字导入动作创建者,而不是将其称为道具。我不喜欢这种方法,因为您可能多次注入状态,并且无法在一处快速切换状态或动作。

我可以看到这两种方法各有优缺点,所以我只是想知道是否存在关于何时何地将状态/动作注入到React组件堆栈中的明确的最佳实践。

杰里米·科林

我在一个相对较大的Redux代码库上工作,我们选择了一种方法,我喜欢的是您mapStateToProps容器组件上使用的第二种方法该组件将操作分配给哑组件并将其委托给哑组件

您希望能够在许多地方重用它们而不必传递状态。您的顶级redux状态仍然是事实的来源,但mapStateToProps将仅允许您访问此容器中所需状态的一部分。

Redux文档做得非常好,请检查一下,它推荐实现http://redux.js.org/docs/basics/UsageWithReact.html的容器组件mapStateToProps

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

React&Redux:connect()到多个组件和最佳实践

将状态从子组件传递到父组件

如何将值从on组件传递到Redux表单

将数据传递到a帧中的组件时有哪些最佳实践?

通过状态将道具传递到组件

不使用Redux将状态传递给同级组件

将组件的状态传递给mapDispatchToProps React / Redux

将{t}(从i18n-react)传递到无状态组件时,无法使用props

无法将Redux状态传递给子组件

在组件内部使用redux状态的最佳实践是什么?

将组件状态传递给redux-form onSubmit

将状态传递给基于功能的组件时面临的问题

将图像从列表(无状态)组件传递到显示(有状态)组件-反应

将状态道具传递给onClick函数是否是最佳实践?

如何将值从组件传递到道具并设置状态

使用react-redux,通过redux状态将回调函数传递给通用组件的最佳实践是什么?

如何将状态从页面传递到组件并返回页面?

使用React钩子进行全局状态管理时如何将状态从类组件传递到全局状态

在React中将状态和回调从根组件传递到叶组件的最佳实践是什么?

将单个数据字符串从操作传递到组件 React/Redux/ES6 的最佳方法

将组件状态传递给 redux-form

将 Redux 状态传递给 React 组件

以角度将数据从一个组件传递到另一个组件的最佳实践

使用 react-router 时,是否有不同的方式将 props 从有状态组件传递到无状态组件

如何将状态从子组件传递到父组件?

如何将组件 props 从 React 传递到 Redux?

将值从组件传递到 Redux Store

如何将状态从 redux 传递到基于类的组件?

将状态从组件传递到 Modal?