redux相关内容

React / Redux,chain或promise in reducer

我有一个react / redux应用程序,我有一些过滤和搜索。由于API的设置方式,我必须在接收过滤器然后发送新的搜索查询之间做一些基础工作。所以我有一个有效过滤器的小参考图,每次检查或取消选中过滤器时都会更新。问题是,我希望运行更新过滤器的操作,然后在此之后用新的过滤器参数调用服务器的操作,我不确定这个工作流是如何进入redux的。 所以我调用了这个动作,然后它就像这样更新了一个更新状态 ..
发布时间:2019-06-08 15:41:06 前端开发

在动作调度后渲染组件

页面加载后,我在 index.js 内调度,操作 store.dispatch(getWeatherReports()); 命中天气API。此操作将通过 redux 进程,并最终将返回的数据添加到名为 weatherReports 的状态的属性中。此属性是一个空数组的对象。现在,我将粘贴代码的概述..并非所有这些都可以帮助您省去线路上的麻烦,因为从API输出数据不是我的问题。 这是我的 in ..
发布时间:2019-06-08 15:31:35 前端开发

redux-simple-router - 根据URL执行操作

我正在使用Redux和redux-simple-router。 这是我正在尝试做的事情。用户点击如下所示的URL: http:// localhost:3000 /#/ profile / kSzHKGX 其中 kSzHKGX 是个人资料的ID。这应该路由到配置文件容器,其中填写了ID为 kSzHKGX 的配置文件的详细信息。 我的路线看起来像这个: 导出默认值( ..
发布时间:2019-06-07 23:09:53 前端开发

React Redux:获取道具和更新状态

我第一次尝试使用React / Redux / JS。我对组件中的状态设置与让redux更新它有点困惑。 我想点击一个按钮将lightOn设置为true并更新this.props .lightOn值显示。我遗漏了一些根本但不确定的东西。 操作: export const setLight = lightStatus => dispatch => { const res = l ..
发布时间:2019-06-07 22:33:58 前端开发

使用react / redux去除textarea输入

我正在尝试使用react / redux去除textarea值并在 div#preview 中显示去抖动的值但是我在第一次函数调用后得到了合成事件警告。 我有处理textarea值状态的reducer,它正在按预期工作,但为了简单起见,我在这个片段中编写了本地状态。 除了 debounce 之外还有更好的方法,以避免在每个 keypress 我很想知道。在此先感谢。 class ..
发布时间:2019-06-07 22:05:58 前端开发

redux-observable中的独立链取消?

我是RxJS的新手。在我的应用程序中,我需要独立取消延期操作。 这是一个工作示例(延迟为3秒)。但是当我选择删除多个项目并取消其中一个项目时,则立即取消所有项目。 史诗代码: const itemsEpic = action $ => action $ .ofType('WILL_DELETE') .flatMap(action => Observable.of({type ..
发布时间:2019-06-07 21:59:30 前端开发

使用嵌套JSON的React / Redux mapStateToProps

我有一个正在解析JSON的redux组件(在底部),但我无法弄清楚如何抓取嵌套的子对象。我不认为我正确理解mapStateToProps是如何工作的。 控制台日志正在转储子对象,但是当我尝试访问services.name时,我得到 “无法读取未定义的属性'名称' 有人可以帮我理解如何在这里映射属性吗?我已经在底部的API中包含了一个JSON示例。 services-list ..
发布时间:2019-06-07 21:17:52 前端开发

如果指定了多个类型和有效负载选项,为什么Redux Promise会返回未解决的promise?

我很难搞清楚为什么会发生这种情况,但基本上Redux Promise对我来说很好,同时返回的内容如下: return { 类型:STORY_ACTIONS.STORY_SPOTIFY_REQUEST, 有效载荷:请求 } 但是,我现在需要传递其他信息,如此 return { 顺序:0,//新字段 类型:STORY_ACTIONS.STORY_SPOTIFY_RE ..
发布时间:2019-06-07 20:39:51 前端开发

听取redux动作

我想创建一个可重复使用的redux表模块,它将存储和更新页码,显示的总页数等,我可以在所有页面之间共享。 但是,我需要更新操作来触发刷新数据操作,该操作将根据页面命中不同的端点。 因此,可能某些特定页面的内容会侦听“RefreshData”操作,然后触发另一个操作。实现这一目标的最佳方法是什么?我目前正在使用redux-thunk作为我的中间件,但一直在寻找redux-saga。 ..
发布时间:2019-06-07 20:37:18 前端开发

组件的子项不应该发生变异

我有一个 react-redux 应用。我通过Redux商店的AJAX部分获取数据。这部分看起来像这样: 计数:{ 警告:0, 新:0, in_hands:0, 已完成:0, 被拒绝:0 } 更改此值后,React呈现组件 render(){ var counts = [ { id:'warning', count:parseInt(this.pr ..
发布时间:2019-06-07 20:08:30 前端开发

从子组件访问onChange事件(React / Redux)

我有一个容器组件,它使用输入呈现子组件。我想在 onChange 事件期间访问子组件的值,但我得到一个“代理”对象而不是输入值。 容器组件 ... class InputContainer扩展了React.Component { handleChange =(val)=> { console.log(val); // => Proxy {[[Handler]] ..
发布时间:2019-06-07 18:49:46 前端开发

处理Redux和React错误的最佳实践

我的redux动作中有一个异步函数,它在我的reducer中返回一个这样的对象: { user:{}, fetching:false, fetched,false, error:null } 所以基本上当我开始调用异步函数时,我将redux状态更新为 fetching:true ,如果结果是成功完成然后获取:true 和获取:false 所以我映射了re ..
发布时间:2019-06-07 18:39:03 前端开发

状态机和UI:基于“节点级”状态而不是“叶子”状态进行渲染

在继续之前,我想指出这个问题的标题很难说。如果应该使用更合适的标题,请告诉我,以便我可以更改它并使这个问题对其他人更有用。 好的,关于问题......我目前正在研究React / Redux项目。我做出的一个设计决定是几乎完全用(分层)状态机来管理应用程序状态和UI,原因有很多(我不会深入研究)。 我利用Redux将我的状态树存储在名为 store.machine 的子状态中。然后Re ..
发布时间:2019-06-07 18:00:17 前端开发

React - 在更改事件中检测'enter'键

我有一个React组件,它或多或少是一个用户可以键入的简单文本区域。以下是目前代码的样子: import来自'react'的React;来自'react-redux'的 import {connect}; 函数handleChange(event){ const {setText} = this.props; //在某种程度上我可以在这里检测[ENTER]并调用this. ..
发布时间:2019-06-07 17:57:27 前端开发

如何使用Redux在React组件之间传递UI状态更改?

据我所知,Redux是关于将UI的所有状态保存在一个商店中(以便能够轻松地再现某些状态并且没有副作用)。您可以通过触发减速器的触发操作来操纵状态。 我目前正在编写一个类似博客的小应用程序,您可以在其中创建和编辑帖子。我有一个用于创建帖子的对话框,大致是 app 组件的 render 方法返回如下内容: ..
发布时间:2019-06-07 17:48:32 前端开发

React / Redux - 保存选择值onChange

我创建了一个Component,允许您添加/删除下拉字段(onClick of two buttons)。我正在使用Redux来保持下拉状态,以便当我来回导航(React Router)时,添加的下拉列表不会丢失。 现在我还需要保持每个下拉列表的值更改。所以onChange我将下拉列表的值发送给reducer,但它似乎一次更新所有下拉列表(不是单独的)。 知道如何解决这个问题吗? ..
发布时间:2019-06-07 17:18:18 前端开发

反应应用程序本地存储没有设置

我正在尝试构建一个反应应用程序,我可以看到类似于stackoverflow的通知。 当我打开两个不同的选项卡并打开stackoverflow时。我在两个不同的标签中看到了通知。 但是当我点击该通知图标时,数字显示。 同样在另一个标签中也是数字disaapears而不刷新页面。 当我在Chrome浏览器中点击声誉时,我通过打开ie和chrome 分析了stackoverflow网站我看到了 ..
发布时间:2019-06-07 17:13:28 前端开发