redux相关内容
我有一个react / redux应用程序,我有一些过滤和搜索。由于API的设置方式,我必须在接收过滤器然后发送新的搜索查询之间做一些基础工作。所以我有一个有效过滤器的小参考图,每次检查或取消选中过滤器时都会更新。问题是,我希望运行更新过滤器的操作,然后在此之后用新的过滤器参数调用服务器的操作,我不确定这个工作流是如何进入redux的。 所以我调用了这个动作,然后它就像这样更新了一个更新状态
..
页面加载后,我在 index.js 内调度,操作 store.dispatch(getWeatherReports()); 命中天气API。此操作将通过 redux 进程,并最终将返回的数据添加到名为 weatherReports 的状态的属性中。此属性是一个空数组的对象。现在,我将粘贴代码的概述..并非所有这些都可以帮助您省去线路上的麻烦,因为从API输出数据不是我的问题。 这是我的 in
..
我正在使用Redux和redux-simple-router。 这是我正在尝试做的事情。用户点击如下所示的URL: http:// localhost:3000 /#/ profile / kSzHKGX 其中 kSzHKGX 是个人资料的ID。这应该路由到配置文件容器,其中填写了ID为 kSzHKGX 的配置文件的详细信息。 我的路线看起来像这个: 导出默认值(
..
我第一次尝试使用React / Redux / JS。我对组件中的状态设置与让redux更新它有点困惑。 我想点击一个按钮将lightOn设置为true并更新this.props .lightOn值显示。我遗漏了一些根本但不确定的东西。 操作: export const setLight = lightStatus => dispatch => { const res = l
..
我正在尝试使用react / redux去除textarea值并在 div#preview 中显示去抖动的值但是我在第一次函数调用后得到了合成事件警告。 我有处理textarea值状态的reducer,它正在按预期工作,但为了简单起见,我在这个片段中编写了本地状态。 除了 debounce 之外还有更好的方法,以避免在每个 keypress 我很想知道。在此先感谢。 class
..
我是RxJS的新手。在我的应用程序中,我需要独立取消延期操作。 这是一个工作示例(延迟为3秒)。但是当我选择删除多个项目并取消其中一个项目时,则立即取消所有项目。 史诗代码: const itemsEpic = action $ => action $ .ofType('WILL_DELETE') .flatMap(action => Observable.of({type
..
目前我在容器组件的生命周期方法componentWillMount中从api预加载数据: componentWillMount(){ const {dept,course} = this.props.routeParams; this.props.fetchTimetable(dept,course); } 用户导航到路由 /时调用: dept /:course
..
我有一个正在解析JSON的redux组件(在底部),但我无法弄清楚如何抓取嵌套的子对象。我不认为我正确理解mapStateToProps是如何工作的。 控制台日志正在转储子对象,但是当我尝试访问services.name时,我得到 “无法读取未定义的属性'名称' 有人可以帮我理解如何在这里映射属性吗?我已经在底部的API中包含了一个JSON示例。 services-list
..
我很难搞清楚为什么会发生这种情况,但基本上Redux Promise对我来说很好,同时返回的内容如下: return { 类型:STORY_ACTIONS.STORY_SPOTIFY_REQUEST, 有效载荷:请求 } 但是,我现在需要传递其他信息,如此 return { 顺序:0,//新字段 类型:STORY_ACTIONS.STORY_SPOTIFY_RE
..
我想创建一个可重复使用的redux表模块,它将存储和更新页码,显示的总页数等,我可以在所有页面之间共享。 但是,我需要更新操作来触发刷新数据操作,该操作将根据页面命中不同的端点。 因此,可能某些特定页面的内容会侦听“RefreshData”操作,然后触发另一个操作。实现这一目标的最佳方法是什么?我目前正在使用redux-thunk作为我的中间件,但一直在寻找redux-saga。
..
我有一个 react-redux 应用。我通过Redux商店的AJAX部分获取数据。这部分看起来像这样: 计数:{ 警告:0, 新:0, in_hands:0, 已完成:0, 被拒绝:0 } 更改此值后,React呈现组件 render(){ var counts = [ { id:'warning', count:parseInt(this.pr
..
我正在尝试了解Dan Abramov发布的Redux在线教程。 目前我在以下样本中: 带数组的Reducer组合 这是我的练习代码,遵循以上示例: //单个TODO Reducer const todoReducer =(state,action)=> { switch(action.type){ case'ADD_TODO': return { id:actio
..
我有一个容器组件,它使用输入呈现子组件。我想在 onChange 事件期间访问子组件的值,但我得到一个“代理”对象而不是输入值。 容器组件 ... class InputContainer扩展了React.Component { handleChange =(val)=> { console.log(val); // => Proxy {[[Handler]]
..
我的redux动作中有一个异步函数,它在我的reducer中返回一个这样的对象: { user:{}, fetching:false, fetched,false, error:null } 所以基本上当我开始调用异步函数时,我将redux状态更新为 fetching:true ,如果结果是成功完成然后获取:true 和获取:false 所以我映射了re
..
我有一个异步操作,它从REST API获取数据: export const list =(顶部,跳过)=> dispatch => { dispatch({type:'LIST.REQUEST'}); $ .get(API_URL,{top:top,skip:skip}) .done((data,testStatus,jqXHR)=> { dispatch({type :'L
..
在继续之前,我想指出这个问题的标题很难说。如果应该使用更合适的标题,请告诉我,以便我可以更改它并使这个问题对其他人更有用。 好的,关于问题......我目前正在研究React / Redux项目。我做出的一个设计决定是几乎完全用(分层)状态机来管理应用程序状态和UI,原因有很多(我不会深入研究)。 我利用Redux将我的状态树存储在名为 store.machine 的子状态中。然后Re
..
我有一个React组件,它或多或少是一个用户可以键入的简单文本区域。以下是目前代码的样子: import来自'react'的React;来自'react-redux'的 import {connect}; 函数handleChange(event){ const {setText} = this.props; //在某种程度上我可以在这里检测[ENTER]并调用this.
..
据我所知,Redux是关于将UI的所有状态保存在一个商店中(以便能够轻松地再现某些状态并且没有副作用)。您可以通过触发减速器的触发操作来操纵状态。 我目前正在编写一个类似博客的小应用程序,您可以在其中创建和编辑帖子。我有一个用于创建帖子的对话框,大致是 app 组件的 render 方法返回如下内容:
..
我创建了一个Component,允许您添加/删除下拉字段(onClick of two buttons)。我正在使用Redux来保持下拉状态,以便当我来回导航(React Router)时,添加的下拉列表不会丢失。 现在我还需要保持每个下拉列表的值更改。所以onChange我将下拉列表的值发送给reducer,但它似乎一次更新所有下拉列表(不是单独的)。 知道如何解决这个问题吗?
..
我正在尝试构建一个反应应用程序,我可以看到类似于stackoverflow的通知。 当我打开两个不同的选项卡并打开stackoverflow时。我在两个不同的标签中看到了通知。 但是当我点击该通知图标时,数字显示。 同样在另一个标签中也是数字disaapears而不刷新页面。 当我在Chrome浏览器中点击声誉时,我通过打开ie和chrome 分析了stackoverflow网站我看到了
..