问题标签 [redux-store]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
36 回答
396122 浏览

javascript - How to reset the state of a Redux store?

I am using Redux for state management.
How do I reset the store to its initial state?

For example, let’s say I have two user accounts (u1 and u2).
Imagine the following sequence of events:

  1. User u1 logs into the app and does something, so we cache some data in the store.

  2. User u1 logs out.

  3. User u2 logs into the app without refreshing the browser.

At this point, the cached data will be associated with u1, and I would like to clean it up.

How can I reset the Redux store to its initial state when the first user logs out?

0 投票
1 回答
146 浏览

angular - 用于 Ionic 2 + Angular 2 的 Ng2 redux-store

我们可以在 ionic 2 中使用 ng2-redux-store (Github) Web 应用程序开发设置(存储、操作、reducer、订阅等...)进行 Angular 2 HYBRID 应用程序开发。我无法为 ionic 2 应用程序的 ng2-redux-store 找到任何 QA。

离子论坛中提出的同样问题也在这里

谢谢大家

0 投票
1 回答
8167 浏览

javascript - Jest mock redux-store getState() 在模块中使用 redux-mock-store

所以我对 redux-store 的实现可能不是最好的,而且我对 Jest 的了解是最少的。

我有三个文件,其中包括...

  1. 一个模块
  2. 一个反应组件
  3. (普通)商店,默认导出

我的测试文件如下所示:

我嘲笑商店的原因是因为<Component />我在内部使用了一个模块,该模块本身导入相同的store并包含一些正在使用的函数store.getState()......

所以这个返回的是

TypeError: _store2.default.getState is not a function

<Component />我确实通过模拟模块调用(由模块。

这是我关于 SO 的第一篇文章,如果我应该澄清任何事情,请告诉我!

0 投票
2 回答
690 浏览

reactjs - Subscribe the state - Redux

I'm trying to display some data which will always be updated but when I add some new data to store, the new data is not seen on the screen as I didn't know about subscribe to store method. But I don't know where to use it and how to use it. I couldn't find any suitable example for my project.

First possibility to use as I did search on it (use it like mapStateToProps);

Let's say I want to subscribe to state.header.templatesList, how can I write it?

Or should I subscribe the state.header.templatesList in the app-store.js?

This is my store class;

If I should subsribe it here, how can I again write it?

Thanks a lot!

0 投票
2 回答
222 浏览

reactjs - 无法在 React Native 中实现 Redux 存储

我正在努力连接应用程序redux storereact-native但似乎我错过了一些东西。任何帮助将不胜感激。

动作.js

减速器/dataReducer.js

减速器/index.js

存储/configureStore.js

main.js(我在其中调度操作)

我还尝试连接 Chrome 扩展程序以查看 redux 商店更新,但没有运气。它总是说no store found。我怎样才能得到这个工作?

0 投票
1 回答
506 浏览

reactjs - What to provide for "store" attribute in while working with Redux-store?

Root component need to be wrapped inside like,

But, I am not sure about what to provide in store attribute. Could anybody let me know this?

0 投票
1 回答
843 浏览

javascript - 来自 redux-store 的数据在 chrome 开发工具中可见,但实际上无法访问

我正在使用 react with redux,为执行以下操作的操作实现 redux-thunk:

  1. 电话axios.get()
  2. 第一then()条语句映射到 JSON 以将键和值转换为前端规范
  3. 第二then()条语句遍历 JSON 上的一个属性(0 - 5 项)axios.get(),为每个属性创建一个调用数组,封装在 Promise 中。这个数组被传递给一个async/wait函数,确保这些承诺在继续之前都得到解决。
  4. 第三then()条语句再次遍历列表,删除任何未定义的值,然后成功触发动作创建者。在 Chrome 开发工具上记录数据可以验证所有数据都存在,并且没有未解决的承诺。
  5. 在 Chrome 开发工具中将此有效负载从 reducer 记录到映射数据的容器中,会导致相同的问题。数据存在于控制台中,但无法在任何地方访问。

我将在下面提供有效的 js,尽管它在此代码段中不起作用:

根据 Chrome 开发工具,为什么我的数据在我的 THUNK 中可用,但实际上无法访问?

0 投票
2 回答
95 浏览

reactjs - 从 React Redux 存储中检索数据并映射到道具时出错

我有一个 React 组件,它通过 API 获取数据,以使用作为组件传入的 ID 来检索产品对象。

我有一个 React / Redux 应用程序,而且我对 Redux 流程还很陌生。我通过我的 Action / Reducer 将产品(带有一个产品对象的数组)数据加载到商店。

我正在尝试使用 mapStateToProps 模式将其从状态传递给道具。

渲染时出现以下错误{ this.props.product.title }

我认为这是因为它是异步的数据。解决这个问题的最佳方法是什么?

下面是我的代码——

0 投票
1 回答
576 浏览

javascript - 一次更新多个 Redux 商店项目

在我的 Redux 商店中,我有一组线程和一组回复。每个回复都有一个线程 ID 以将其与线程相关联。从数据库中获取线程时,回复计数是返回的属性之一,该计数显示在线程旁边的网页中。

当用户添加新回复时,我的挑战就会浮出水面。API 返回足够的信息让我将新回复添加到回复集合中。但我也想增加线程的回复计数属性,它位于线程数组内部。我该怎么做?

这些是我的(简化的)减速器:

0 投票
1 回答
32 浏览

javascript - 如何为服务器响应构建 redux 存储

这个问题可能被认为是“基于意见的”,但我只是在这里寻找灵感,所以在这里:

在我的应用程序中,我从服务器请求数据。这些数据不是列表或任何东西,它基本上只是一堆键值对,然后应该显示给用户。这里描述了一个类似的用例,我应该将搜索结果存储在 redux 存储中吗?

现在的问题是:如何将这些数据存储在 redux-store 中。它有自己的减速器吗?或者我是否将它存储在某种基于键值的 AppState-Store 中?

我搜索了几个博客,但它们只描述了“ToDo-List”的典型用例,这不适用于我的情况。最后,我只会有一个 Reducer-Case “SET_NEW_RESULTS_FROM_SERVER”,这有点让人觉得不靠谱。