Questions tagged «redux-thunk»

根据文档，“没有中间件，Redux存储仅支持同步数据流”。我不明白为什么会这样。为什么容器组件不能调用异步API，然后再调用dispatch操作？ 例如，想象一个简单的UI：一个字段和一个按钮。当用户按下按钮时，该字段将填充来自远程服务器的数据。 import * as React from 'react'; import * as Redux from 'redux'; import { Provider, connect } from 'react-redux'; const ActionTypes = { STARTED_UPDATING: 'STARTED_UPDATING', UPDATED: 'UPDATED' }; class AsyncApi { static getFieldValue() { const promise = new Promise((resolve) => { setTimeout(() => { resolve(Math.floor(Math.random() * 100)); }, …

682 javascript  asynchronous  reactjs  redux  redux-thunk 

现在有很多关于redux镇上最新的孩子redux-saga / redux-saga的讨论。它使用生成器功能来侦听/调度动作。 在开始思考之前，我想知道使用优缺点的方法，redux-saga而不是下面使用redux-thunk异步/等待方法的方法。 组件可能看起来像这样，像往常一样调度动作。 import { login } from 'redux/auth'; class LoginForm extends Component { onClick(e) { e.preventDefault(); const { user, pass } = this.refs; this.props.dispatch(login(user.value, pass.value)); } render() { return (<div> <input type="text" ref="user" /> <input type="password" ref="pass" /> <button onClick={::this.onClick}>Sign In</button> </div>); } } export default connect((state) …

488 javascript  reactjs  redux  redux-thunk  redux-saga 

据我所知并纠正我是否有错，redux-thunk是一个中间件，可以帮助我们在操作本身中调度异步函数和调试值，而当我使用redux-promise时，如果不实现自己的方法就无法创建异步函数作为Action的机制抛出仅分配纯对象的异常。 这两个软件包之间的主要区别是什么？在单个页面的React应用程序中同时使用两个软件包是否有任何好处，或者坚持redux-thunk就足够了？

92 reactjs  redux  redux-thunk  redux-promise 

我目前正在尝试概念化如何在另一个组件中进行分派之后根据数据更改来处理一个组件中的动作。 采取这种情况： dispatch(someAjax) ->状态更新中的属性。 之后，我需要另一个依赖于此相同属性的组件来知道已更新该组件，并根据新值调度一个动作。 除了使用某种类型的value.on(change...解决方案之外，处理此类动作“级联”的首选方法是什么？

76 reactjs  redux  redux-thunk