redux-thunk相关内容
我使用的是 react-router-dom v5.2. 登录后,我希望我的页面从 / 重定向到 /home.登录表单位于 /. 当我尝试在没有任何异步功能的情况下执行身份验证(即,将用户名和密码与 react 中的硬编码值进行比较)时,一切正常. 但是当我使用 express 和 mongo 执行身份验证时,登录时的重定向停止工作.如果我再次登录,则会发生重定向.受保护的路由仍
..
我有点困惑,希望得到一个能帮助我理清思路的答案.假设我有一个后端(nodejs、express 等),我在其中存储我的用户及其数据,有时我想从后端获取数据,例如登录后的用户信息,或产品列表并保存他们在州内. 到目前为止我的方法和我所看到的,我在组件加载之前获取数据并使用响应中的数据分派一个动作.但我最近开始深入研究这个,我看到了我之前知道的 react-thunk 库,并开始怀疑从后端/AP
..
我正在使用 react native + redux + redux-thunk我对 redux 和 react native 没有太多经验 我正在我的组件内调用一个动作. this.props.checkClient(cliente);如果(this.props.clienteIsValid){...} 在该操作中,会调用一个需要几秒钟的 API. export const chec
..
据我所知,如果我错了,请纠正我,redux-thunk 是一个帮助我们调度的中间件当我使用 redux-promise 时,操作本身中的异步函数和调试值我无法在不实现我的情况下创建异步函数自己的机制,因为 Action 会抛出仅调度普通对象的异常. 这两个包的主要区别是什么?在单页反应应用程序中使用这两个包或坚持使用 redux-thunk 是否有任何好处? 解决方案 redux-t
..
我开始学习钩子.但我不明白如何正确使用异步调用.早些时候我使用 import * as actionQR from "../actions/qr";...函数 mapDispatchToProps(dispatch) {返回 {actionQR: bindActionCreators(actionQR, dispatch),}} 然后调用我的 this.props.actionQR.myFun
..
我想将 newArray 中的所有“默认文本"转换为“新文本".然后用“新文本"发送数组.问题是调度函数正在调度“默认文本".看起来它不等待承诺.下面代码中我的 Promise 设置有什么问题? 返回调度=>{让新数组 =[{ post:[ {message:'default text'}, {message:'default text'}] }]让任务 = newarray.map( (i)
..
出于学习目的,开始使用 createAsyncThunk 玩耍,决定用firebase firestore实现购物车,但是在尝试在我的React应用中实现分页时遇到了问题. 在初始加载和后续加载(无限加载)期间,如何将最后一个可见状态返回到我的redux状态 我基于redux教程沙箱中的代码: 我不太确定如何将此 lastVisible 数据重新设置为redux状态,是否可以通过
..
使用redux配置Firebase对我来说是一个痛苦. 我不知道出了什么问题,但我感到很困惑.我正在尝试将 getFirebase 和 getFirestore 作为参数传递给 thunk ,但出现此错误:
..
我在我的项目中使用"react-redux-firebase",并希望将firebase集成到react-thunk中.在本地一切正常,但是将项目部署到Firebase托管时出现错误. 未捕获的错误:Firebase实例尚不存在.检查您的撰写功能. 这是什么问题? store.js import {createStore,compose,applyMiddleware}从'r
..
动作 从"../constants/blogActionTypes"导入{FETCH_BLOG,FETCH_BLOG_ERROR,FETCH_BLOG_LOADING};const initialState = {博客:[],错误: '',载入中:false,all博客:[]}//eslint-disable-next-line import/no-anonymous-default-expor
..
我有以下异步操作定义: 从'react'导入{Dispatch};从"axios"导入axios,{AxiosResponse,AxiosError};函数asyncAction(){return(dispatch:Dispatch):Promise=>{返回axios.get('http://www.example.com').then((res:AxiosRes
..
以下代码可以正常上传文件,并且可以成功响应或失败,但是,我无法弄清楚如何从 onUploadProgress 事件调度我的 uploadFileProgress 操作.我可以 console.log 进度/百分比,当我尝试将分派包装在IIFE中时,触发分派不是函数错误.希望这是我所缺少的一个小问题.预先感谢! 导出函数uploadFile(values,callback =()=> {}){co
..
我有这样的action.js文件: 从'axios'导入axios;export const SEARCH_TERM ='SEARCH_TERM';export const SAVE_SEARCH ='SAVE_SEARCH';导出功能搜索(查询){const githubApi =`https://api.github.com/search/repositories?q=$ {query}&
..
我正在尝试找出将firestore.onSnapshot与react-redux结合使用的正确方法. 我目前在我的操作文件中有此代码,我正在调用组件中的componentWillMount(). export const fetchCheckins = () => async (dispatch) => { const {currentUser} = firebaseService.a
..
(来自 https://redux.js.org/advanced/async-actions ) 代码设置了Redux存储,然后使用一些操作调用存储上的dispatch。商店使用redux-thunk来管理异步API调用。 这是index.js 从'redux-thunk'中导入reduxThunk const {thunkMiddleware} = reduxThunk;
..
我正在在线食品订购应用程序中使用Redux和React. 当用户从购物篮中取出物品时,我需要向服务器发出XHR请求,以计算购物篮的新总价. XHR完成后,我将更新redux存储并渲染新价格.我正在使用Redux thunk来管理此异步操作. 有一个问题,就是用户迅速从篮子中取出了两个物品.用户删除了第一个项目,然后我解雇了XHR以获取新价格.然后,用户单击按钮以删除第二个项目,并触发第
..
我创建了一个包含电子邮件,名字,姓氏详细信息的表单.现在,我想向localhost:5000/api/users发出POST请求,并将其存储在mongo数据库中.如何使用redux?我已经在reactjs上实现了它,但是我只能使用redux吗?注意:我正在使用redux thunk. 代码: login.js: import React, { Component } from '
..
我正在尝试将Redux集成到我的React项目中. 目前,我没有使用任何Flux框架. 我的应用从API获取一些数据并以一种漂亮的方式显示它们,如下所示: componentDidMount() { getData(); } getData() { const self = this; ajax({ url: apiUrl, }) .success(fu
..
我已经使用redux大约两个月了,最近才开始探索探索处理异步行为(例如,获取数据)的不同方法.它从文档和 thunk中间件这是一个非常简单的概念,但是我不确定当一个简单的独立函数可以将执行异步状态机的责任交给redux中间件时,是否能理解我的好处已被使用. 使用重磅中间件的传统Redux方法 异步操作创建者 fetchPosts function fetchPosts(reddi
..
我来自回流到 Redux .在Reflux中,您的业务逻辑仅存在于商店中,但在 Redux 中似乎有所不同.例如,在" Redux "中,我有“异步操作" ,我用" redux-thunk "来实现它. 在一种情况下,我想检查我的动作,如果需要,我向服务器发送请求并获取一些数据.在这种情况下,我必须检查我的操作逻辑,而实际上我的业务逻辑存在于操作中并存储在一起,这不好..您的解决方案是什么?
..