用于更新Redux状态的多个部分的模式
我的Redux州的形状如下所示： { user：{ id ：123， 项目：[1,2] }， 项目：{ 1：{ ... }， 2：{ ... } } } 使用combineReducers我有2套减速器。每个行为都在州的一个根键上。即一个管理用户键，另一个管理项键。 如果我想添加一个项目，我可以调用2个reducers，第一个将新的对象添加
..
redux相关内容
如何检查令牌过期和注销用户？
用户可以在他/她点击退出按钮时退出，但如果令牌过期，他/她无法注销，因为在我的应用程序中，令牌在服务器端和前端都使用。当用户单击注销按钮时，如果令牌有效，则清除服务器和浏览器中的令牌。当用户没有注销并且他/她的令牌过期但未在浏览器中清除时，有可能。为了解决这种情况，每次用户访问我的应用程序时如何检查令牌过期，如果令牌过期，请从浏览器中清除令牌？ 我在saga中尝试过每次用户刷新页面或切换到另
..
如何用依赖状态组成redux减速器
我正在开发一个React / Redux应用程序，它允许将“小部件”添加到页面并在2D空间中进行操作。需要一次选择和操作多个小部件。我当前状态树的简化版本如下所示... { widgets：{ widget_1：{x：100，y：200}， widget_2：{x：300，y：400}， widget_3：{x：500，y：600} } ， 选择：{ 小部件：[“widget_1
..
redux-form一旦组件卸载就会破坏我的状态，是什么给出的？
我没有传递任何特殊的配置设置，也没有设置/或调用Destroy ...但我的状态正在被清理......无论如何要防止这种情况？我需要状态，因为我需要我的应用程序中的数据。 prev state：我在那里看到它..通过redux-logger 动作：redux-form / Destroy 下一个状态：它已经消失了。 解决方案 表单的状态子树是按照设计卸下表单时销毁。这是
..
反应& Redux：connect（）到多个组件&最佳做法
我正在研究我的第一个React / Redux项目，我有一个小问题。我已经阅读了文档，并在 https上观看了可用的教程： //egghead.io/lessons/javascript-redux-generating-containers-with-connect-from-react-redux-visibletodolist 。 但我仍然有一个问题。这是一个登录页面。 所以我有一个
..
React / Redux呈现每秒更新的列表
我有一个react组件，每秒都会从redux商店接收道具。新状态的数组与最后一个数组不同。具体而言，每秒都会将一个元素添加到数组中。例如： 在一个状态下数组是： [1,2,3,4,5,6] 下一个州 [1,2,3,4,5,6,7] 我的减速机： 返回{ ...州， myList：[ payload，... state.myList.filter（item =>
..
Redux - 管理预加载状态
我正在构建一个应用程序，我需要预加载人和 planet 数据（它是可能在将来启动应用程序时可能会添加更多预加载要求）。我希望在商店中有值表示应用程序的全局状态为已加载： 。只有当预加载要求 people.loaded：true 和 planet.loaded：true 为真时，该值才为true 。商店看起来像这样： 商店$ b $b├──装载： $ b
..
在Object.assign或spread运算符上使用immutable.js的优点
到目前为止，大多数“起动器锅炉”和一些关于react / redux的帖子我看过鼓励使用 immutable.js 解决可变性问题。我个人依赖 Object.assign 或传播运算符来处理这个问题，因此在immutable.js中没有真正看到优势，因为它增加了额外的学习并从vanilla js转移了一点用于可变性的技术。我试图找到切换的正当理由，但是我无法在这里询问为什么它如此受欢迎。 解
..
Redux中的排队操作
我目前遇到的情况是我需要连续运行Redux Actions。我已经看过各种各样的中间件，比如redux-promise，如果你知道连续动作在根点（缺少一个更好的术语）被触发的行为，这似乎很好 / em>。 基本上，我想维护一个可以随时添加的动作队列。每个对象在其状态中具有该队列的实例，并且相关的动作可以相应地排队，处理和出列。我有一个实现，但是这样做我在我的动作创建者中访问状态，这感觉就像一
..
redux / react app中的状态具有属性为reducer的属性
我正在使用Redux和React创建一个应用程序。我遇到了一个问题，我无法将状态映射到组件属性，因为状态有一个与我使用的reducer名称相匹配的属性。 根减少器是用 combineReducers method const rootReducer = combineReducers（{ appReducer }）; 初始状态是 const initi
..
在Redux中实现undo / redo
背景 一段时间以来，我一直在讨论如何在 Redux 与服务器交互（通过ajax）。 我用命令模式，其中的操作使用执行和注册方法作为命令，而不是调度命令的调度操作。然后将命令存储在堆栈中并在需要时引发新操作。 我当前的实现使用中间件来拦截调度，测试命令并调用Command和look的方法类似这样的事情： 中间件 let commands = []; 函数undoMi
..
我在哪里从React Redux应用程序中的服务器获取初始数据？
我开始学习React / Redux并偶然发现了一些可能是一个非常基本的问题。以下是我的应用程序的片段，为简单起见删除了一些代码。 我的状态由一系列默认为空的网站描述。后来的reducer将有 LOAD_SITES 操作，只要用户分页到不同的页面，就可以加载不同的网站集，但现在它什么都不做。 React首先渲染 PublishedSitesPage ，然后渲染 PublishedSitesB
..
onEnter转换与反应路由器和Redux简单路由器不渲染新路由的组件
我有一个应用程序使用react @ 0.14，redux @ 3.05，react-router @ 1.0.3和redux-simple-router @ 2.0.2。我正在尝试根据存储状态为某些路由配置onEnter转换。转换挂钩成功触发并将新状态推送到我的商店，这会更改网址。但是，在页面上呈现的实际组件是路由匹配的原始组件处理程序，而不是新URL的新组件处理程序。 这是我的 route
..
如何在Redux中将全局状态数据处理为深层嵌套组件？
所以说你有这个组件结构的聊天应用程序： ... ...
..
如何将redux-form绑定连接到表单的输入
redux-form 是一个非常引人注目的库，用于为反应应用程序中的表单提供redux绑定，这应该是超级方便的。不幸的是，使用库自己的例子，我实际上没有绑定任何东西，这非常方便。 我正在尝试使用示例代码在项目现场，并发现多个障碍，尽管试图忠实地再现它。我在哪里误解了这个API？自编写演示代码以来API是否已移位？我是否遗漏了一些关键且显而易见的redux知识？ 问题1 ：handleS
..
如何使用react-redux连接mapStateToProps，MapDispatchToProps和redux-router
登录后我想在我的容器“LoginPage”（智能组件）重定向中使用。 这样的事情： handleSubmit（username，pass，nextPath）{ function redirect（）{ this.props.pushState（null，nextPath）; } this.props.login（用户名，密码，重定向）; //来自LoginAcitons的行动
..
从Redux状态删除项目
我想知道你是否可以帮我解决这个问题。我想从Redux状态删除一个项目。我已经将用户通过 action.data 点击的项目的ID传递到reducer中。 我想知道如何将 action.data 与Redux状态中的一个ID匹配，然后从数组中删除该对象？我还想知道在删除单个对象后设置新状态的最佳方法吗？ 请参阅下面的代码： export const commentList =（s
..
窗口调整大小 - React + Redux
我是Redux的新手，我想知道是否有人有关于处理非React事件（如窗口大小调整）的最佳实践的一些提示。在我的研究中，我从官方的React文档中找到了这个链接： https：// facebook.github.io/react/tips/dom-event-listeners.html 我的问题是，在使用Redux时，我应该存储窗口大小在我的商店或我应该将其保持在我的个人组件状态？
..
物料ui的步进器中的map方法迭代
我正在尝试在我的步进器中添加redux表单。 但问题是我是否在所有三个地方的反映中添加了表单字段。 所以我开始调试步进器代码。 发现他们正在迭代map方法。 所以我认为根据标签的条件我会显示div和表格标签。 但它不起作用。 你能不能告诉我如何修复它。 以便将来我自己修复它。 在下面提供我的代码片段和沙箱 https://codesandbox.io / s / y2kjpl
..
最外层的.catch（）是否适用于所有链接/嵌套的promisses？
我有一个很长的登录过程，依赖于目前看起来像这样的3个api调用： export const authenticationSignIn =（email，password）=> （dispatch）=> { dispatch（{type：AUTHENTICATION_REQUEST}）; apiAccountStatus（电子邮件，密码） .then（（{data}）=> { co
..