草庐IT

async-redux

全部标签

javascript - 如何在回调中在 redux-saga 中返回 "yield put"?

因为回调中不允许使用“yield”语句,我如何在回调中使用redux-saga的“put”功能?我想要以下回调:functiononDownloadFileProgress(progress){yieldput({type:ACTIONS.S_PROGRESS,progress})}这是行不通的,并以“意外标记”结束,因为yield在普通函数中是不允许的。否则我无法将回调作为“函数*”传递,这将允许yield。ES6似乎在这里坏掉了。我读过redux-saga提供了一些称为“channels”的功能,但老实说,我没有明白。我已经多次阅读有关这些channel和示例代码的内容,但在所有示

javascript - react-redux : What is the difference between state. setIn() 和 state.set()?

我在一些react-redux代码中看到了setIn()和set()的使用:state.setIn(...);state.set(...);我在这里找到了一些文档https://facebook.github.io/immutable-js/但不幸的是,该方法没有详细记录。我还发现了一些其他问题:UsingReact'simmutablehelperwithImmutable.js但这些并没有回答我的问题。我明白,它必须做一些不可变的事情吗?但是这里不可变的东西是什么?set()和setIn()有什么区别?为什么我们需要不可变? 最佳答案

javascript - Redux-form:在页面顶部显示错误列表

我想以更改输入颜色并在页面顶部显示实际错误的方式使用Redux-form。如何访问字段本身之外的当前字段错误列表? 最佳答案 您无法从提供给Field组件的渲染函数外部获取错误列表。这是因为错误没有存储在redux存储中。编辑26/12/2018:这个答案需要一些时间。ReduxForm现在将错误存储在Redux存储中。看看@nicoqh'sanswer它使用ReduxForm的选择器来获取任何Redux连接组件中的错误。这个答案并没有完全过时,但它不再是实现这个恕我直言的最干净的方法。方案一:同一个值使用多个Field第一个解决方

javascript - Redux:在传递给 createStore 的 preloadedState 参数中发现意外键

你能帮我解决异常吗在传递给createStore的preloadedState参数中发现意外的键“userName”。期望找到一个已知的缩减器键:“默认”。意外键将被忽略。我发现了这个Link但这对我没有帮助。我不理解某些东西,也许这部分来自文档:plainobjectwiththesameshapeasthekeyspassedtoit你能解释一下我的例子中的错误吗?importReactfrom"react";importReactDOMfrom"react-dom";import{Provider}from'react-redux';import{createStore,comb

javascript - async/await 可以在构造函数中使用吗?

正如问题所述。我可以这样做吗:classMyClass{asyncconstructor(){returnnewPromise()}} 最佳答案 为了扩展PatrickRoberts所说的内容,您不能按照您的要求去做,但您可以改为这样做:classMyClass{constructor(){//staticinitialization}asyncinitialize(){awaitWhatEverYouWant();}staticasynccreate(){consto=newMyClass();awaito.initialize(

javascript - Redux - 管理预加载状态

我正在构建一个应用程序,我需要在其中预加载people和planet应用程序启动时的数据(将来可能会添加更多预加载要求)。我想在代表应用程序全局状态的商店中拥有值(value)loaded:.只有当预加载要求people.loaded:true时,该值才会为真和planet.loaded:true是真的。商店看起来像这样:Store├──loaded:├──people:│├──loaded:│└──items:[]├──planets:│├──loaded:│└──items:[]单独的Action创建者发出所需的异步请求和分派(dispatch)Action,这些Action由Pe

javascript - Redux reducers 初始化相同的状态键

我在摆弄'simplest-redux-example'ongithub并且我添加了第二个递减state.count的reducer。如果我在switchcase语句中有增量和减量缩减器,它工作正常。我想要执行的练习是将reducer拆分为尽可能多的模块化部分。此代码抛出一个错误,指出计数未定义。importReactfrom'react';import{createStore,combineReducers}from'redux';import{Provider,connect}from'react-redux';//ReactcomponentclassCounterextends

javascript - 使用 redux 创建秒表

我一直在尝试在React和Redux中制作秒表。我一直无法弄清楚如何在redux中设计这样的东西。首先想到的是START_TIMER操作,它会设置初始offset值。在那之后,我使用setInterval一遍又一遍地触发TICK操作,通过使用偏移量计算已经过去了多少时间,将其添加到当前时间,然后更新offset。这种方法似乎可行,但我不确定如何清除间隔以停止它。此外,这种设计似乎很糟糕,可能有更好的方法。这是完整的JSFiddle具有START_TIMER功能的工作。如果你只是想看看我的reducer现在是什么样子,这里是:constinitialState={isOn:false,t

javascript - 了解 UI 何时在 React/Redux 中准备就绪

我想知道我的应用需要多长时间才能“准备好”供用户与其交互。应用加载的时间线包括以下内容:DOM加载。初始React渲染。从各种componentDidMount()s触发的HTTP调用HTTP调用返回。使用HTTP响应更新Redux状态。React使用来自HTTP响应的新值呈现。所有初始加载已完成。用户已准备好与该应用进行交互。在此过程结束时,我想触发一个跟踪事件来记录window.performance.now()的值。我不确定最好的方法是什么。React的组件系统很好地解耦了UI的各个部分。在这种情况下,不幸的是,这意味着我不会有一个简单的地方来检查以了解“是否已使用新数据呈现所有

javascript - 使用 React-Router 和 Redux 时如何在单击链接时分派(dispatch)操作?

假设我有一个链接,它将我发送到一个用于添加/编辑列表条目的页面。当我点击Link本身时,如何分派(dispatch)Redux操作,以便我可以在实际重定向到该页面之前先更新Redux存储。例如:我点击编辑按钮->Action被调度->存储更新,{'state':'edit-mode'}->继续重定向。或者您有其他方法来完成我想要做的事情吗?也许当组件挂载后,我会根据特定条件运行类似stateToEdit的操作?如果是这样,那么请告诉我你的方式。谢谢PS:我只使用一个组件进行所有添加/编辑/删除。所以我正在考虑一种基于state呈现的方法,无论它是在edit-mode还是delete-m