向jsonplaceholder发送post请求在React Redux中失败
在React Redux中发送post请求向jsonplaceholder失败可能由多种原因导致，以下是一些常见的可能原因和解决方案：
- 网络连接问题：请确保您的设备正常连接到互联网，并且能够访问jsonplaceholder的API。您可以尝试通过打开浏览器访问该API来验证。
- 请求配置问题：在发送post请求之前，请确保您提供了正确的请求配置，包括请求的URL、请求头、请求体等。您可以使用axios或fetch等库来发送请求，并在配置中设置相应的参数。
- 跨域问题：如果您的应用程序在不同的域名下运行，可能会遇到跨域问题。您可以尝试在请求头中设置Access-Control-Allow-Origin来解决跨域问题。如果您使用的是腾讯云的产品，可以考虑使用API网关来处理跨域请求。
- Redux配置问题：请确保您的Redux配置正确，并且您已经正确地设置了与发送post请求相关的action和reducer。您可以通过调试工具（如Redux DevTools）来检查Redux状态的变化和action的派发情况。
- 错误处理问题：在发送post请求时，应该始终处理可能发生的错误情况。您可以使用try-catch语句来捕获可能的异常，并在适当的位置处理它们。同时，您可以在Redux中定义相应的错误处理机制，以便在请求失败时更新应用程序的状态。
以下是一些腾讯云相关产品和产品介绍链接，供您参考：
- 云服务器（CVM）：腾讯云的云服务器提供高性能的计算能力，适用于各种应用场景。了解更多：https://cloud.tencent.com/product/cvm
- 云数据库（CDB）：腾讯云的云数据库提供可扩展的、高可靠的数据库解决方案，适用于各种业务需求。了解更多：https://cloud.tencent.com/product/cdb
- 云存储（COS）：腾讯云的云存储是一种安全、高可用的对象存储服务，适用于存储和传输各种类型的数据。了解更多：https://cloud.tencent.com/product/cos
请注意，以上链接仅供参考，具体的产品选择应根据您的实际需求和偏好进行。
相关·内容
首先，我是新来的。我正在尝试用redux和jsonPlaceholderAPI创建一个create应用程序。我正在使用redux-thunk作为redux中间件。在我的fetchResources操作中，我调用GET api并将响应发送给reducer以更新存储。但是我的问题是，当API调用由于任何系统错误而失败时，我如何发送一些错误消息。为了更好地理解，是我的crud项目的链接&在codesandbox中已经准备好了。如果我没有说清楚，我想知道当操作调用失败时的过程，以及如何通过向用户发送消息来处理它。我在下面添加了我的项目的核心代码片段。
Action
import jsonPla
浏览 2提问于2020-10-22得票数 0
我正在研究redux-saga，我想从以下位置获取数据： https://jsonplaceholder.typicode.com/posts 在我的redux文件夹中，我有一个fallowing： (可以在此github存储库https://github.com/jotasenator/redux-saga-fetching-example/tree/main/src中查看) \src\redux\api.js
import axios from 'axios'
export const loadPostApi = async () => {
await
浏览 20提问于2021-07-09得票数 0
我正在处理一个CRUD MERN应用程序，目前，我正在尝试提交一个表单。表单本身工作得很好，但我对Redux有一个问题。我认为我的操作或reducer可能需要一些更改才能正常工作，但我不确定问题出在哪里。 下面是CreateForm组件： // import jsonPlaceholder from "../apis/jsonPlaceholder";
import { useState } from "react";
import { useHistory } from 'react-router-dom';
import { useDisp
浏览 21提问于2021-03-21得票数 0
1回答
我尝试获取数据并将其显示到react组件中，但我在中间件中的fetch调用上有一个无限循环，并且操作似乎没有被调度。我在post组件中没有收到任何结果。 Action.js： import { DATA_LOADED } from './../constants/action-types';
export function getData() {
return {type: DATA_LOADED}
} 中间件： export function asyncMiddleWare({dispatch}) {
return function(next) {
浏览 17提问于2019-09-11得票数 2
回答已采纳
1回答
：显示所有帖子
、、、、
我是一个反应，还原和网络开发的初学者。我正在制作一个CRUD应用程序，使用JSON placeholder作为虚拟后端、react和redux来显示帖子。
我想呈现出所有的帖子表单JSON placeholder，并简单地显示它
Post.js
import React, { useEffect, useState } from "react"
import { useDispatch, useSelector } from "react-redux"
import { useNavigate } from "react-router-dom"
浏览 13提问于2022-11-02得票数 0
在学习中间件redux-thunk的过程中，我创建了简单的react App。由于接口PostListProps中异步操作fetchPosts的类型不正确，我遇到了转换问题。 下面我展示了功能组件的所有代码，其中是问题所在： import React, { useEffect } from 'react'
import { connect } from 'react-redux'
import { fetchPosts } from '../actions'
import Action from '../actions/actionTy
浏览 11提问于2021-07-02得票数 0
回答已采纳
1回答
另一个新手问题。我想用我的表格发布一个帖子。我的Post.js看起来像这样： import React, { Component } from 'react';
import PropTypes from 'prop-types';
import PostForm from './PostFormContainer';
export class Post extends Component {
static propTypes = {
posts: PropTypes.any,
fetchPosts: PropTypes
浏览 7提问于2019-12-19得票数 0
回答已采纳
我有一个react组件，显示标题列表，当您单击页面顶部的标题时，将显示帖子的正文。我有一个组件，它在不同的组件中显示帖子的主体。 我想创建一个Router文件，它将根据文章标题所指定的id在文章和文章之间进行切换。 这是我的路线 import React, { memo } from 'react';
import PropTypes from 'prop-types';
import { Route, BrowserRouter } from 'react-router-dom';
import { withRouter } from
浏览 9提问于2020-01-18得票数 0
回答已采纳
2回答
想象一下React应用程序，你可以在侧边栏中列出你的朋友。该网站使用Redux来存储好友的状态。如果用户添加了一个新的朋友到他的列表，我必须发送一个帖子到后端，以保存它。 问题是，我应该如何更新侧边栏中的好友列表？ 在post之后，我应该发出GET请求并将响应添加到Redux，还是应该直接使用数据并将其添加到Redux，从而删除额外的GET调用？
浏览 35提问于2019-01-12得票数 0
回答已采纳
我试图使用axios将数据发布到API。我需要请求和发送一个XSFR-令牌连同请求。我用的是React，Redux，Thunk和Axios。我需要将它作为React组件本身的承诺来处理。现在是了，但它并没有以所期望的方式作出反应。它总是解决承诺，即使帖子失败，只要令牌请求成功。
我在React组件中启动它的调用位于底部，即使axios调用在post上失败了，它也给了我肯定的结果，并且我从第二个调用的catch中得到了错误消息。如果我在其中放置了一个Promise.reject()，那么它也会被发送，但由于已经返回了一个承诺，我认为它是没有被发送的。
我尝试用一个返回Promise.all(ge
浏览 1提问于2018-03-10得票数 0
回答已采纳
1回答
我正在学习一个React Redux教程。我的axios.post()在运行应用程序时失败了，但是如果我使用相同的URL并将其粘贴到浏览器的地址文本框中，它就能工作。为什么会发生这种事？
下面是我的应用程序中的调用：
const request = axios.post(`${ROOT_URL}/posts/${id}${API_KEY}`);
这是一个错误，如Chrome中的F12所示：
发布 404 (未找到)
如果它是一个好的URL，为什么会失败呢？如果单击它，您将在浏览器中看到响应：
{"id":120342，“标题”：“固体”，“类别”：“OOP”，“内容”
浏览 1提问于2017-07-31得票数 3
回答已采纳
我已经用get方法对这些帖子进行了分类，使用的是类型代码。现在，我想使用post方法自己添加它。我怎么才能做好呢？
这里的问题是，即使它被张贴，它也不会出现在帖子列表中。当我自己添加并在排名中看到它时，我希望它出现在所有的帖子中。我该怎么做呢？
import axios from "axios";
import React from "react";
import { useState } from "react";
import { useNavigate } from "react-router-dom";
const For
浏览 2提问于2022-09-24得票数 2
回答已采纳
我创建了一个简单的React Redux应用程序，该应用程序从jsonplaceholder获取POST列表，其中有一个允许用户发送POST请求的表单。当我根据Redux DevTools扩展发送post请求时，它被成功添加，标记为post编号101。这是它的快照 ? 但问题是在点击提交按钮三次后，它就会出现在屏幕上。 ? 前两次单击既不显示标题，也不显示正文，但在第三次单击时开始显示。这是Posts.jsx文件，这是我如何使用componentDidUpdate在post请求之后更新组件。 class Posts extends Component {
compon
浏览 18提问于2020-10-18得票数 1
1回答
最近，我一直在redux中工作，并试图得到我的手，我尝试了异步调用的redux-thunk。
我正在展示相关的文件。
Posts.js
该文件正在组件化挂载中调用getPosts()，作为回报，它试图从actionCreator获取数据。
import React,{Component} from 'react'
import Axios from 'axios'
import CardPost from '../Post/Post'
import Container from 'react-bootstrap/Container
浏览 0提问于2019-04-10得票数 0
回答已采纳
2回答
我正在从jsonplaceholder获取数据。它工作正常。但是我想使用RTK查询向列表中添加新的位置。请求已成功提交，但新项目未添加到我的列表中。我做错什么了？
那是我的一份：
import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";
export const apiUsersSlice = createApi({
reducerPath: "apiUsersSlice",
baseQuery: fetchBaseQuery({
baseUrl:
浏览 11提问于2022-10-29得票数 0
回答已采纳
1回答
我正在使用react和redux toolkit与redux-persist。在使用http请求useEffect时，即使数据没有变化，也会导致组件重复呈现无限次，所以问题是在useSelector中，我甚至尝试过shallowEqual函数，也没有严格的模式，但它不能工作。
import { createSlice } from '@reduxjs/toolkit';
const cartReducer = createSlice({
name: 'cart',
initialState: {
ids: [],
},
reducers
浏览 4提问于2021-12-20得票数 0
回答已采纳
我正尝试在我的react-redux应用程序中使用axios.create来访问JSON数据。我已经安装了thunk作为中间件。我得到一个"No 'Access-Control-Allow-Origin‘header is present on the requested resource“错误。根据我在网上读到的内容，我也许可以通过向axios.create调用添加头部来解决这个问题。我该怎么做呢？
//api file
import axios from 'axios';
export default axios.create({
baseURL: &
浏览 1提问于2019-04-01得票数 0
1回答
我是一个使用react.Now的新手，我必须解决一个问题。到目前为止，我把服务器端和客户端分别由express和redux - then组成，包括react路由器和redux-then。当我通过axios向express服务器发送帖子时，会出现下面这样的错误
POST 404 (未找到)
如何在express中接受redux-thunk的CRUD请求？
服务器端代码如下
//app.js
app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }
浏览 0提问于2018-11-08得票数 1
在useEffect中使用分派时，我有一个无限的分派。
import React, { useEffect } from "react"
import TodoItem from "./TodoItem"
import { useDispatch, useSelector } from "react-redux"
import { getTodos } from "../redux/actions"
const TodoList = () => {
const dispatch = useDispatch()
us
浏览 2提问于2021-01-22得票数 0
1回答
我在本地存储中有user对象。我在用户对象中存储了令牌和令牌日期，就像这样； user: [{
nickname,
token,
tokenDate,
}} 我解析JSON并获取数据，然后用Axios发送报头。但我不想成为重复的代码。我该怎么做呢？ 我听说react-component-lib这样用对吗？最后一件我不知道的事Redux。所以不要在redux解决方案中找到。
浏览 10提问于2021-01-29得票数 0
回答已采纳
我在学redux。我不断遇到上面的警告。代码如下：
import React,{useEffect} from 'react';
import {connect} from 'react-redux';
import {fetchPosts} from '../actions/postActions'
function Post(props){
useEffect(
() => {
props.fetchPosts();
},[]);
const postItems = props.posts.m
浏览 21提问于2019-11-28得票数 0
回答已采纳
3回答
如何映射返回的对象数组？当我点击按钮来获取博客时，我得到了这个响应。
和
在我的应用程序js里，
import React from 'react';
import Blog from '../components/Blog';
import Form from '../components/Form';
import Root from '../components/Root';
import { Router, Route, IndexRoute, browserHistory} from 'react-route
浏览 1提问于2017-01-17得票数 2
回答已采纳
在React本身中，我有一个函数getTodos()，其中它调用了另一个函数getTodo()。它将res.data[0].id传递给getTodo()函数。
反应
这里的演示：
代码如下：
class App extends Component {
constructor() {
super();
this.state = {
todos: [],
todo: {}
};
}
componentDidMount() {
this.getTodos()
}
getTodos = () => {
axi
浏览 1提问于2019-10-03得票数 0
回答已采纳
1回答
我正在尝试测试react连接的应用程序，它具有从API获取数据的aync操作。但由于某种原因测试失败了。我在这里做了什么？
AssertionError:预期{ length: 0}长度为1，但为0
posts.js(Redux Action)
import instance from "./../config/axiosconfig";
export const postList = () => {
return dispatch => {
return instance.get("/posts")
.then(r
浏览 1提问于2018-05-05得票数 3
大约一年前，我学习了React和Redux，直到最近才开始深入使用它们。我惊讶地发现，React和Redux都有相当多的变化。
我注意到的第一件事是，我不能再使用componentWillReceiveProps生命周期方法，它告诉我，我需要使用一些奇怪的getDerivedStateFromProps方法，这并不能真正解决我当前的问题。
基本上，我有一个注册函数，dispatches 3 actions - REGISTER_REQUEST，REGISTER_SUCCESS和REGISTER_FAIL.我的userReducer中还有三个标志-- registering，registered
浏览 0提问于2020-06-26得票数 0
回答已采纳
2回答
希望你做得很好。在这里，我试图将获取的数据存储到redux存储中，然后希望在组件上使用这些数据，但突然我收到了一个错误， ? 。我店里的代码是， import { configureStore } from "@reduxjs/toolkit";
import userReducer from "../features/userSlice";
export default configureStore({
reducer: {
user: userReducer,
},
}); 我的userSlice代码是， const userSlice
浏览 6提问于2021-08-06得票数 0
2回答
Redux存储在组件中为空
、、、、
我在我的组件中获取redux存储时遇到了问题。我使用redux-react async从api获取数据。我从jsonplaceholder api获得了数据，但是我在配置存储和连接存储与根组件时遇到了问题。我可以使用记录器和redux开发工具扩展看到存储中的数据。
我在索引组件中执行了console.log(store.getState())，结果存储是空的：clientData: {}。我不知道我错过了什么，我需要一些建议。
//action创建者
export const datafeachsuccess = data => {
return {
type: FE
浏览 20提问于2018-07-15得票数 0
1回答
这就像是两个问题合而为一。我在Rails方面相当扎实，但在react/redux上还是个新手，我正在努力在react/redux应用程序上实现身份验证。
我已经构建了一个Rails4API。它经过了良好的测试和可靠的测试。我的Rails API使用的是devise-token-auth gem。
fetch('http://localhost:8080/api/auth/sign_in', {
method: 'POST',
headers: {'Content-Type': 'application/json',
浏览 0提问于2016-03-22得票数 0
1回答
React-redux客户端令牌
、、、、
我正在构建一个React-redux spa，并且我正在使用一个构建在node + express + jwt-simplea模块和passport.js之上的API。
当用户使用用户名/密码登录时，服务器将验证这些凭据，并向客户端发送回一个JSON web令牌，然后客户端必须将该令牌与每个API请求一起发送。所以React-redux应用程序必须存储这个令牌。
如何在React-redux应用程序中安全地存储此客户端令牌？我必须遵循哪些计划来使用web令牌，以及如何最好地使用react-redux在客户端实现用户身份验证。
感谢您的帮助)
浏览 0提问于2016-04-18得票数 11
我在一家公司的API上构建了一个小应用程序。我创建了自己的API来与他们的交互，我的应用程序使用React-Create-App搭建脚手架，使用Redux，服务器是Experss/Node.js。它在本地主机上工作得很好，但当我将它部署到Heroku上时，它会为捆绑包提供服务，但不会向服务器发送任何用户http请求。它返回404 not found。Heroku在他们的日志中没有给出错误。
我的安装后脚本运行构建，它捆绑了应用程序。我也在heroku仪表板中设置了环境端口变量。
package.json
{
"name": "event.me",
浏览 3提问于2017-04-03得票数 2
1回答
Redux saga不调用API
、、、、
我正在尝试使用redux-saga来调用我的API，并传递给它一个参数。我正在使用redux-logger和console.log()进行调试。但似乎我的传奇不去调用API出于某种原因。
这是各州的控制台日志..。正如您所看到的，apiMsg并没有改变，但是我对每个操作都进行了更改。
我想我在动作、减速器或部件上出了问题。否则，我在Saga中称API是错误的。
这是我的密码
api.js
import axios from 'axios';
export function getPostApi(postId){
return axios.get(
`ht
浏览 0提问于2018-07-30得票数 4
回答已采纳
我正在开发一个简单的react-redux应用程序来熟悉react-redux测试，我有一个带有两个按钮的文本区的应用程序。提交评论按钮将文本区域中的评论添加到列表中，而获取评论按钮将来自伪jsonplaceholder API的评论添加到列表中。 我想要实现的是:我正在模拟一个点击事件，模拟一个假的get API调用，然后我可能想以某种方式更新商店，如果我没有弄错的话，因为注释是填充的&列表最终会在测试期间生成。 这是我到目前为止尝试过的： integration.test.js import React from 'react'
import { mount }
浏览 11提问于2019-02-27得票数 0
回答已采纳
我在我的React应用程序上收到了这个错误。“加载控制失败:请求的资源上没有‘access--Allow- Origin’标头。因此不允许访问源'‘。”
我的Express应用程序中的代码
var express = require('express');
var router = express.Router();
router.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header(
浏览 2提问于2018-08-07得票数 0
1回答
我一直在制作一个网络应用程序，使用mern堆栈与babel，webpack，redux和语义-用户界面反应。
但我说错了
bundle.js中的“意外令牌<”。
此错误仅在我发送请求、单击表单标记中的按钮时发生。如果我在没有表单标记的情况下使页面工作正常，则不会出现任何错误。
这是我的反应密码。
handleUpload(title, contents, userId) {
return this.props.createPostRequest(title, contents, userId).then(
() => {
if(this.props.
浏览 5提问于2017-03-04得票数 2
回答已采纳
2回答
我正在试图弄清楚如何处理React/Redux应用程序中的错误，并弄清楚Redux允许由于不可变的状态模式而向后遍历状态连续体。如果post失败，在Redux上遍历时间，同时递增组件的内部重试计数器，并最终调度必要的操作，这是疯狂的想法吗？如何使用react-redux转到以前的状态？
浏览 15提问于2016-07-28得票数 4
1回答
我正在尝试使用Ruby on Rails和React构建一个简单的应用程序。我使用的是gem 。此外，当我需要时，我正在尝试使用Redux在不同组件之间进行通信。我目前遇到的问题是，我不知道如何在应用程序中保留Store。如果它是一个普通的React应用程序，我在组件之间共享Redux没有问题。在React On Rails中设置它是一种不同的方式，它在当前的实现中工作得很好，但当我切换到另一个页面或刷新页面时，我会丢失存储。
我的目标是通过Redux将产品ID添加到购物车，当用户重定向到/cart页面时，它可以从Redux商店检索购物车阵列，然后我可以用所需的产品填充页面。
Rails中的简
浏览 23提问于2019-03-19得票数 0
我正在开发一个相当大的智能手机应用程序，我选择使用颤振。我只玩过，做了一些小而简单的应用程序。现在我面对的是现实世界，事情变得非常困难。
我来自react，所以我认为实现它的最好方法是在这个中使用redux，但是我甚至不能获取和显示任何东西。
我的目标是:用户登录->，我将令牌保存在商店中，然后将它用于我需要提出的任何请求。
你知道还有什么方法可以达到我的目标吗？
浏览 0提问于2018-06-12得票数 2
回答已采纳
1回答
我设置了一个react网页，它的结构如下： MAIN PAGE www.localhost:3000.com,
OTHER PAGES www.localhost:3000.com/services, www.localhost:3000.com/about, www.localhost:3000.com/contactMe. 我使用来自www.localhost:3000.com/contactMe的axios为一个联系人表单执行post，该表单将通过我的后端/nodemailer发送数据。 使用Postman验证post状态，post方法在www.localhost:3000.com/
浏览 54提问于2021-08-16得票数 0
2回答
我使用ReactJS高级函数来增强现有组件的API获取能力，同时加载，错误views.In命令变得更可重用，我希望另一位使用我的自定义的程序员能够添加自定义加载，错误视图如下。
var FetchTest = fetchableContainer({
url:"https://jsonplaceholder.typicode.com/posts",
loadingView: <div>..Custom Loading..</div>,
noConnectionView: <div>.. Custom no connec
浏览 1提问于2018-06-18得票数 1
1回答
我正在尝试测试一个从jsonplaceholder获取数据的react应用程序。fetch功能是通过创建异步thunk在redux thunk中实现的。
关于这个问题，我跟踪了每一个指南和每一个相关的关于堆叠溢出的答案，但是没有得到有效的答案。
我使用msw进行模拟api获取。
import {fireEvent,screen,render, findByText, waitFor, waitForElementToBeRemoved} from '@testing-library/react'
import { createMemoryHistory } from '
浏览 8提问于2022-06-28得票数 0
我是redux工具包及其测试的新手。我正在尝试为一个createAsyncThunk编写一个测试，该测试调用一个API并通过API中的数据更新状态。组件中的一个按钮正在调用我的异步thunk，而不是测试thunk本身，而是在我的组件中测试它的实现。我正在使用模拟服务工作者库来模拟我的API调用。以下是我考试失败的截图
这是我正在运行的测试
import React from "react";
import { render, screen, fireEvent } from "@testing-library/react";
import { rest }
浏览 5提问于2022-02-15得票数 1
我正在构建一个非常简单的api和反应本机应用程序。服务器运行良好(使用PostMan进行了测试)，但应用程序不调用服务器。当axios必须发送post请求时，它会阻塞(见下文)。
我很绝望:-(在里面浪费太多时间了)拜托，如果你能帮我..。
这是我的代码LogIn页面。它分派操作创建者(使用redux)提供电子邮件和密码：
...
const LogIn = React.createClass({
submitLogin() {
// log in the server
if (this.props.email !== '' && this.
浏览 7提问于2017-02-12得票数 33
回答已采纳
3回答
我正在使用Django后端开发一个应用程序，并对前端做出反应。
Django后端当前接收到文本消息(没有轮询)。我想知道如何用文本消息请求(在Django中接收)的post数据更新我的React应用程序，因为文本被接收到了(没有轮询)，所有这些都是在使用Django Rest框架时使用的？
我已经在网上查过了，但是我没有找到很多关于这个问题的信息。从我所读到的看来，Redux可能是答案，但我对Redux的反应很新，并且只对Redux进行了简要的研究，所以我不确定。另外，从我在网上读到的内容来看，人们说只有当你必须使用时才使用Redux，因为它的学习曲线非常陡峭，所以我想知道是否有更多经验的人能
浏览 2提问于2019-11-14得票数 0
1回答
我有一个使用redux，react-router，react-router-redux的同构react应用程序，我想将我的组件与url查询参数绑定在一起，当查询参数发生变化时，向API发送请求并更新我的状态，最后获取数据。我知道使用react-router-redux它会自动更新我的状态。另外，我想要显示一个预加载器(微调)给用户时，数据是提取。为这个问题编写一个动作创建器的最好方法是什么？谢谢
浏览 0提问于2017-07-12得票数 0
3回答
我是Redux Thunk的新手，在通过单击按钮组件获取async调用之后，dispatch的操作出现了问题。
actions.js
import fetch from 'isomorphic-fetch'
export const getPosts = (json) => {
return {
type: constant.GET_POSTS,
payload: {
data: json
}
}
}
export const loadPosts () => {
re
浏览 5提问于2016-10-13得票数 1
我试着从typicode.com中获取一些react接口，但不知何故返回了2组属性。一个为空，另一个为实际数据。 我已经尝试删除了reducer中的初始状态。我已经将调用从componentDidMount生命周期钩子移到了componentWillMount()。 我一直在使用redux thunk中间件。 以下是减速器： const initialState =[{}]
const postReducer = (state=initialState , action) =>{
switch(action.type){
case "FETCH_
浏览 16提问于2019-04-16得票数 0
我正在使用访问刷新jwt身份验证流，并希望客户端在收到访问令牌后每10分钟发送一次刷新令牌以获取新的访问令牌。我还想确保，如果用户关闭其笔记本电脑一小时，并返回到它，一个新的访问令牌请求也会被发送。在React/redux中实现此行为的最佳方式是什么，在React/redux中，用户将始终拥有有效的访问令牌，并无缝地保持他们的“会话”进行？
浏览 2提问于2018-02-19得票数 3
回答已采纳
1回答
我有一个应用程序已经实现了OAuth2。它工作得很好，但是我和这里的refresh_tokens混淆了。我的应用程序使用的是React + Redux组合。
我知道我需要检查我的access_token是否过期，然后使用refresh_token请求新的。好吧..。但是我什么时候应该刷新它呢？在401发生之后，还是在某个需要授权的API请求准备就绪时(就在发送之前)？
我还知道如何在发送或检测HTTP响应之前使用API拦截器获取所有401请求。问题是我很困惑如何解决Redux流中的问题。如何在刷新令牌时“冻结”请求？或者当我解决401响应上的问题时，如何重复请求？
浏览 1提问于2016-06-22得票数 5
回答已采纳
我是React和Redux的新手。现在学习有关钩子的知识，并感到非常困惑。做一个教程应用程序(老师正在使用类)，这个应用程序应该从jsonplaceholder (异步)中获取一些API数据，然后再与redux一起使用。目前，我无法在屏幕上显示获取的数据。
在最下面还有两个我的补充问题。
我的代码(不起作用)：错误: TypeError: posts.map不是函数
PostList.js
import React, { useEffect, useState } from "react";
import { fetchPosts } from "../actions&
浏览 3提问于2020-06-03得票数 1
回答已采纳
1回答
我有一个带有按钮的简单组件，当按下按钮时，从占位符API中获取一个注释JSON。
尽管我可以看到CommentList组件中的状态正在更新，但我的that ()酶测试失败了。我在浏览器中的手动测试可以很好地显示注释。我的坐骑和模拟商店的测试通过了。我甚至可以看到，如果我在console.log中调试或使用CommentList，就会创建2个li元素。在redux状态更改之后，视图是否似乎没有在挂载中进行更新？
对下面的代码数量表示歉意，我不确定哪一部分是罪魁祸首。这个项目可以从中克隆。
integration.test.js (考试不及格)
import React from "rea
浏览 2提问于2019-09-19得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
