redux-thunk相关内容
代码包装箱在此处https://codesandbox.io/s/rtk-github-issues-example-03-final-async-su4hz?file=/src/features/issuesList/IssuesListPage.tsx 我已经使用了AppDispatch,它建议https://react-redux.js.org/using-react-redux/stat
..
我对React和Redux不熟悉。现在学习有关钩子的知识,真的很困惑。 做一个教程应用程序(老师正在使用课程),它应该从jsonPlacehold(异步)获取一些API数据,然后与redux一起使用。目前,我无法在屏幕上显示提取的数据。 最下面还有我的两个附加问题。 我的代码(这不起作用): 错误: TypeError:posts.map不是函数 PostList.js i
..
根据标题,我使用的是Redux-Toolkit&;TypeScrip。特别是,我正在尝试使用redux docs中建议的ConnectedProps。遗憾的是,它似乎没有得到正确的派单类型(特别是它认为它具有正常的派单类型,而不是ThunkDispatch)。 有什么建议吗?目前我要么: (1)使用自定义的“useThunkDispatch”挂钩。但这引入了我并不真正想要的额外行
..
我有一个应用程序,它使用第一个createAsyncThunk从API获取第一个页面,然后我希望第二个createAsyncThunk获取下一个页面,在用户到达页面底部并以无限滚动的方法获取数据时触发。 // Gets the First 10 Posts from the API export const getPosts = createAsyncThunk( "post/getPo
..
我在我的应用程序中使用Redux进行状态管理--使用Reaction Hooks。我可以点击API并从我的操作创建者日志中获得如下屏幕截图: 以下是我试图在其中显示结果的组件的代码: import { useState, useEffect } from "react"; import {Link} from 'react-router-dom'; import styled fro
..
我正在构建一个Reaction应用程序,并使用redux-thunk进行异步操作。我有两个函数getActivities()和createActivity(),我想在成功调用后者后调用前者。但是如果我将getActivities()放在createActivity()的then块中,它就不会被调用(这通过没有看到我放在getActivities()中的console.log()来证明)。下面是两个
..
我有以下功能。 const loadUsers= () => { return async (dispatch) => { dispatch(userRequest()); let response= null try { response= await UserService.getUser(); dispatch(userLoading
..
我正在使用redux-thunk来使用异步操作创建器。结果也会返回给各自的调用方。 function fetchUserName(userId: number): Promise { return Promise.resolve(`User ${userId}`) } function requestUserName(userId: number) { return
..
根据文档,"没有中间件,Redux store 只支持同步数据流".我不明白为什么会这样.为什么容器组件不能调用异步 API,然后 dispatch 动作? 例如,想象一个简单的 UI:一个字段和一个按钮.当用户按下按钮时,该字段将填充来自远程服务器的数据. import * as React from 'react';从'redux'导入*作为Redux;从'react-redux'
..
我对 Jest 很陌生,而且我承认我不是测试异步代码的专家... 我使用了一个简单的 Fetch 助手: 导出函数 fetchHelper(url, opts) {返回获取(网址,选项).then((响应) => {如果(response.ok){返回 Promise.resolve(response);}常量错误=新错误(response.statusText || response.s
..
我在 Next.js 应用程序中使用 RTK (redux-toolkit).我正在尝试在“getInitialProps"中发送一个 AsyncThunk Action.搜索时,我发现了一个名为“next-redux-wrapper"的包.暴露“商店"在“getInitialProps"中,但我正在努力弄清楚如何使其适用于我的项目. 这是我目前使用带有 2 个减速器的 Typescript
..
我在一个在线食品订购应用中使用 Redux 和 React. 当用户从他们的购物篮中移除一件商品时,我需要向服务器发出 XHR 请求以计算购物篮的新总价.当这个 XHR 完成时,我更新 redux 商店并呈现新价格.我正在使用 Redux thunk 来管理这个异步操作. 有一个问题是用户快速连续地从购物篮中移除了两个项目.用户删除了第一件商品,然后我触发了 XHR 以获得新价格.然后
..
我创建了一个包含电子邮件、名字、姓氏详细信息的表单.现在我想向 localhost:5000/api/users 发出 POST 请求,并希望将其存储在 mongo 数据库中.如何使用 redux ?我只在 reactjs 上使用了它,我该如何使用 redux ?注意:我使用的是 redux thunk. 代码: 登录.js: import React, { Component }
..
是否可以使用 axios 自动限制所有发送到特定端点列表的请求?也许使用 axios 拦截器? 目前我限制了发送 axios 请求的用户操作,但问题是我必须在任何地方都写这个,我有一个用户操作会导致一些 AJAX 请求.像这样 const ThrottledDismissNotification = Throttle(dismissNotification, 1000)const 解雇
..
我有这样的 action.js 文件: 从'axios'导入axios;出口 const SEARCH_TERM = 'SEARCH_TERM';出口 const SAVE_SEARCH = 'SAVE_SEARCH';导出函数搜索(查询){const githubApi = `https://api.github.com/search/repositories?q=${query}&sort=
..
我在更新 "@reduxjs/toolkit" 后收到 getDefaultMiddleware is deprecated 警告:"^1.6.1" 那么我应该如何删除这个警告.我们还有其他方法可以在 configureStore 函数中注入默认中间件吗? import { configureStore, getDefaultMiddleware } from "@reduxjs/toolkit
..
我正在尝试找出将 firestore.onSnapshot 与 react-redux 结合使用的正确方法. 我目前在我的操作文件中有此代码,我在我的组件中调用 componentWillMount() . export const fetchCheckins = () =>异步(调度)=>{const {currentUser} = firebaseService.auth();尝试 {
..
这个问题与过去不同,这就是为什么.这个问题是什么时候.由于两者本身都是很好的框架,因此问题是我什么时候应该使用 thunk 而不是 saga.因为我的一个朋友一直坚持要我在我们的应用程序中使用 saga 但没有明显的原因.先谢谢了 解决方案 根据一些阅读材料和我的经验... 使用 Thunk 而不是 Saga 来处理简单琐碎的任务,例如: AJAX 调用 数据轮询并且仅当它们
..
在我的子组件中,我定义了 MapDispatchToProps,将它们传递给 connect 并相应地定义了一个接口 PropsFromDispatch,该接口在 React.Component Props 接口中扩展.现在在我的父组件中,Typescript 告诉我它缺少我在 PropsFromDispatch 中定义的属性. 这似乎并不完全荒谬,因为我将它们定义为 React.Compo
..
我使用 express.js 设置我的本地服务器,它只是处理请求并返回简单的消息. app.get('/hello', (req, res) => {res.send('世界你好!');}); 我执行了服务器并在网络浏览器上对其进行了测试,效果很好. 我只是想在我的 react-native 应用程序上执行此操作. 这是我的action.js文件 从'axios'导入axios;
..