使用React/Redux每分钟发出一次请求
使用React/Redux每分钟发出一次请求是指在前端开发中，利用React作为UI框架和Redux作为状态管理工具，实现每分钟向后端发送一次请求的功能。
React是一个用于构建用户界面的JavaScript库，它采用组件化的开发模式，可以将页面拆分成多个独立的组件，提高代码的可维护性和复用性。Redux是一个用于管理应用状态的工具，它通过单一的状态树来管理应用的所有状态，并通过纯函数的方式来修改状态，使得状态的变化可预测且易于调试。
在实现每分钟发出一次请求的功能时，可以借助React的生命周期方法和Redux的中间件来实现。首先，在React组件的生命周期方法中，比如componentDidMount方法中，可以使用定时器函数（如setInterval）来定时触发发送请求的操作。在每次触发请求时，可以通过Redux的action来发起请求，并将请求结果保存到Redux的状态树中。
具体实现方案可以如下：
- 创建一个React组件，并在组件的生命周期方法中使用定时器函数来触发请求操作。
- 在组件的生命周期方法中，使用Redux的action来发起请求，并将请求结果保存到Redux的状态树中。
- 在Redux的reducer中，根据不同的action类型来更新状态树中的数据。
- 在组件中，通过Redux的connect函数将状态树中的数据映射到组件的props中，以便在组件中使用。
- 在组件中，可以根据需要使用映射到props中的数据进行展示或其他操作。
这样，每分钟发出一次请求的功能就可以在React/Redux应用中实现了。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，满足不同规模业务的需求。产品介绍链接
- 腾讯云云数据库MySQL版：提供高性能、可扩展的关系型数据库服务。产品介绍链接
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。产品介绍链接
- 腾讯云人工智能：提供丰富的人工智能服务和解决方案，包括图像识别、语音识别、自然语言处理等。产品介绍链接
- 腾讯云物联网套件：提供全面的物联网解决方案，包括设备接入、数据管理、应用开发等。产品介绍链接
- 腾讯云移动推送：提供高效、稳定的移动推送服务，帮助开发者实现消息推送功能。产品介绍链接
- 腾讯云区块链服务：提供安全、高效的区块链解决方案，支持多种场景的应用。产品介绍链接
以上是腾讯云提供的一些相关产品，可以根据具体需求选择适合的产品来支持React/Redux每分钟发出一次请求的功能的实现。
相关·内容
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
现在我正在学习'react-native-router-flux‘和'react-redux’。下面是我的App.js代码的开头部分。
import { Router } from 'react-native-router-flux';
const RouterWithRedux = connect()(Router);
import { createLogger } from 'redux-logger';
const logger = createLogger();
import ReduxThunk from 'redux-
浏览 0提问于2018-12-28得票数 1
这里是较新的开发者。我已经被困在这件事上太久了，已经没有地方可以求助了！
技术: React Native Redux工具包
我试图从RN上的文本输入中获取数据，并将其添加到我的RTK createApi调用中。
显示了以下内容：
export const pokemonApi = createApi({
reducerPath: 'pokemonApi',
baseQuery: fetchBaseQuery({ baseUrl: 'https://pokeapi.co/api/v2/' }),
endpoints: (builder) =>
浏览 0提问于2021-10-29得票数 1
2回答
我用的是redux +react redux+react原生的
有时(例如，在文本字段上键入)，会向服务器发送多个请求。如何处理此案例，以便只在客户端处理最后一个案例？
我已经读到了fetch没有承诺拒绝，所以我不确定是否有一种不同的承诺，或者流或中间件在redux中正确地处理这个问题，比如跟踪所有的请求顺序。
浏览 6提问于2015-11-11得票数 1
回答已采纳
我有一个redux-observable史诗，它使用react-native-aws3将图像发送到我的AWS S3存储桶。它已经工作了很多年了。但是现在它已经停止在.map和.catch代码块中运行。我甚至不认为它是在发送网络请求。这可能是什么原因造成的？
代码：
//@flow
import { RNS3 } from 'react-native-aws3'
import 'redux-observable'
import { Observable } from 'rxjs'
// $FlowFixMe
import 'rxjs/ad
浏览 22提问于2019-10-23得票数 0
1回答
我正在尝试使用Ruby on Rails和React构建一个简单的应用程序。我使用的是gem 。此外，当我需要时，我正在尝试使用Redux在不同组件之间进行通信。我目前遇到的问题是，我不知道如何在应用程序中保留Store。如果它是一个普通的React应用程序，我在组件之间共享Redux没有问题。在React On Rails中设置它是一种不同的方式，它在当前的实现中工作得很好，但当我切换到另一个页面或刷新页面时，我会丢失存储。
我的目标是通过Redux将产品ID添加到购物车，当用户重定向到/cart页面时，它可以从Redux商店检索购物车阵列，然后我可以用所需的产品填充页面。
Rails中的简
浏览 23提问于2019-03-19得票数 0
1回答
在我的React/Redux应用程序中，我有一个组件需要从服务器获取一些东西，所以我编写了一个简单的axios调用作为redux thunk操作。
但是，该操作本身并不发送任何内容；获取的信息仅在组件中使用。所以它实际上不需要是一个redux操作。对吗？
有可能是我在熟悉React后这么快就开始学习Redux了，以至于我不知道除了Redux操作之外，你还应该把异步函数放在哪里。
我只是在组件的实例方法中调用axios吗？这方面的最佳实践是什么？
浏览 8提问于2020-02-08得票数 0
我试图弄清楚如何使用redux saga在登录redux表单中显示一个错误。我能够提出请求，但如果响应是403禁止的，我需要以某种方式向用户显示一条消息。
系统：
反应16.0.0
剩余3.7.2
表格7.1.2
redux-saga 0.16.0
login-form.js
import React, {Component} from 'react';
import {Field, reduxForm} from 'redux-form';
import {connect} from 'react-redux';
im
浏览 4提问于2017-11-10得票数 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
回答已采纳
我有delete_task操作，将任务id发布到PHP文件中以删除任务，虽然我正确地启动了该操作，并且在控制台中看到了效果，但任务没有被删除，但我多次使用GET或POST或将id静态放置在URL中，但没有任何更改，有人能帮助我解决这个问题吗？
tasksAction.js
export const delete_task = id => ({
type: DELETE_TASK,
payload: {id},
meta: {
offline: {
// the network action to execute:
浏览 3提问于2018-06-12得票数 1
我试图了解Chrome中的网络选项卡告诉我什么是来自服务工作者的缓存文件。
我看到一个缓存点击在控制台中登录(参见下面的服务工作人员代码)，但是网络选项卡使它看起来像一个正常的网络负载。对于高速缓存攻击来说，230 hit似乎有点大。而且值通常变化很小(下一个负载可能是，比如说，217 as )，所以它并没有给我显示最初加载的时间，当它第一次缓存时，正如我想知道的那样。
注册服务工作人员的代码是
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('swRoot.js
浏览 0提问于2016-12-10得票数 0
回答已采纳
我无法访问react/redux应用程序中的自定义heroku API端点。heroku端点在浏览器中加载正常，我可以在控制台上看到网络请求返回，所以我的应用程序本身似乎有什么东西阻止了它的返回。
这是一个经典的'No 'Access-Control-Allow-Origin‘头出现在请求的资源上的错误，但令人困惑的是我可以使用另一个端点(比如openweather的API)而没有得到这个错误。
我是否需要使用Express或其他中间件来专门处理Heroku？我现在正在使用ReduxPromise中间件创建一个商店，并使用Axios发出请求。或者，Heroku上的服务器端配置可
浏览 0提问于2017-02-24得票数 0
2回答
我正在构建一个react应用程序，并在节点中设置了一个应用程序接口服务器来对用户进行身份验证(我使用JSON web令牌进行持久化访问，使用MongoDB作为数据库进行参考)。因此，我想知道在redux中存储一个像"isLoggedIn“这样的状态作为执行条件渲染的引用是否安全。我最初的想法是，如果潜在的入侵者设法将"isLoggedIn“的redux状态更改为true，则此信息仍然是公开的，因为react不是服务器端呈现的。这在react中是真的吗？
浏览 22提问于2020-02-27得票数 0
3回答
我有一个react主组件，它在componentDidMount上调度redux操作，该操作将获取API数据。 问题是:当我启动我的应用程序时，我的componentDidMount和主组件被执行了两次。因此，每次加载应用程序时，它都会进行2次API调用。API对我的总调用次数有限制，我不想达到我的限制。 我已经尝试通过删除构造函数来修复这个问题，使用componentWillMount并没有解决问题。 import React, { Component } from 'react';
import { connect } from 'react-redux'
浏览 41提问于2019-01-07得票数 0
我有一个使用NodeJS创建的Firebase后端的React应用程序。我使用Firebase函数。当我从本地主机或邮递员调用它们时，我的Firebase函数将执行。但是当我从我的域(moonio.io)调用函数时，它们没有被执行，唯一发生的事情就是我得到了我的index.js文件。因此，我怀疑我的问题是由于firebase.json文件的宿主部分(api地址"“被重写为"/index.html")中的重写造成的？
firebase.json
{
"hosting": [
{
"target": "app&
浏览 0提问于2021-01-23得票数 1
回答已采纳
有谁知道怎么解决这个问题吗？请帮帮我！
Events.js //当我使用onPress时出现错误。我想我的问题在这里。
import React, { Component } from 'react';
import { Image, StyleSheet, View, TouchableOpacity, Text } from 'react-native';
const FBSDK = require('react-native-fbsdk');
const {
GraphRequest,
GraphReques
浏览 3提问于2018-01-24得票数 1
回答已采纳
相关的行在bundle.js中：
exports["default"] = _react.PropTypes.shape({
subscribe: _react.PropTypes.func.isRequired,
dispatch: _react.PropTypes.func.isRequired,
getState: _react.PropTypes.func.isRequired
});
我刚刚升级到响应16，并遵循这个来调整PropTypes。我只有一个引用道具类型的组件，如下所示：
import React, { Compo
浏览 5提问于2017-10-19得票数 2
回答已采纳
我已经使用redux将axios集成到我的react本机应用程序中。在设置axios配置后，我无法访问我的后端api。最后，我在component did mount中遇到了一个虚拟api，它也不能工作。
在浪费了两天的时间使用react原生redux和axios之后，我尝试了虚拟api，它使用postman提供响应，但使用axios时，我的api没有被调用。
import React, { Component } from 'react';
import { View, Text } from 'react-native';
import axios from
浏览 0提问于2019-07-29得票数 0
3回答
我正在为我的多语言应用程序使用react-localize-redux，并使用MySQL来获取数据。我的一个操作需要区域设置数据将其作为参数传递给后端，以便后端使用适当的数据进行响应。但是，当区域设置可用时，操作被调用，应用程序崩溃，我如何解决这个问题？下面是代码： import React, { Component } from 'react'
import RestaurantCard from './RestaurantCard';
import {Row} from 'react-bootstrap';
import { connect
浏览 17提问于2019-04-18得票数 2
回答已采纳
2回答
我使用axios从API端点获取数据。我得到了错误->可能未处理的承诺拒绝类型错误:未定义不是一个函数(求值res.json() )
我正在使用react redux和redux-thunk与react本地应用程序。
venueAction.js：
import { FETCH_VENUES } from './types';
import axios from 'axios';
export const fetchVenues = () => dispatch => {
axios.get(`my_api_link`)
.t
浏览 1提问于2018-09-04得票数 4
回答已采纳
1回答
我目前有一个Express后端，它为用户提供登录页面，这是React的一部分。应用程序的页面上有一个按钮，通过Google的of过程路由用户，最终返回用户信息，如下所示：
router.get("/google/redirect", passport.authenticate('google'), (req,res) => { // Returns user information from google...
res.redirect("/dashboard");
// req.user <–– My user in
浏览 1提问于2019-04-23得票数 1
回答已采纳
我正在使用tRPC向客户端获取数据。tRPC使用React查询作为一个dev依赖项，所以我也安装了它。因为我的应用程序很小，所以我选择不使用Redux。我读到React查询可以使用其QueryClient API缓存数据。这意味着我必须在每次获取/突变之后手动设置和获取数据。同时，在从缓存中获取数据时，我还必须为数据创建额外的类型，这违背了使用tRPC的目的，因为所有类型都存在于缓存中。在使用tRPC时，我是否遗漏了缓存方面的任何内容？
浏览 11提问于2022-06-29得票数 0
回答已采纳
2回答
我被困在创建一个单一的页面应用程序使用react，redux，react路由器和redux路由器绑定。
路由器根本不匹配路由http://localhost:3001/register，并且Cannot GET /register返回到浏览器，因为服务器显然不知道路由。我对relatively堆栈比较陌生，可能缺少一些非常基本的东西。
编辑: IndexRoute正在工作，并在中显示Home组件。
Edit2:我不使用服务器端渲染，而是使用webpack开发服务器进行开发.
但是到目前为止，下面是相关的代码片段：
entry.js
const store = createStore(
浏览 5提问于2016-05-07得票数 0
回答已采纳
1回答
因此，我尝试使用一个名为react-alert的库进行错误处理。 我使用Axios作为我的REST处理程序。我创建了一个操作和一个reducer，它们都工作得很好；当我发出post请求时，我在DevTools扩展中看到了我的状态更新。 下面是我的名为Alert.js的功能组件 import React, { Fragment, useState } from "react";
import { useAlert } from "react-alert";
import { useSelector } from "react-redux";
im
浏览 13提问于2021-02-12得票数 0
回答已采纳
1回答
我有一个应用程序已经实现了OAuth2。它工作得很好，但是我和这里的refresh_tokens混淆了。我的应用程序使用的是React + Redux组合。
我知道我需要检查我的access_token是否过期，然后使用refresh_token请求新的。好吧..。但是我什么时候应该刷新它呢？在401发生之后，还是在某个需要授权的API请求准备就绪时(就在发送之前)？
我还知道如何在发送或检测HTTP响应之前使用API拦截器获取所有401请求。问题是我很困惑如何解决Redux流中的问题。如何在刷新令牌时“冻结”请求？或者当我解决401响应上的问题时，如何重复请求？
浏览 1提问于2016-06-22得票数 5
回答已采纳
1回答
我正在开发一个mern应用程序，目前正在处理它的仪表板部分，现在的问题是，我从我的express服务器获得了一些数据，但问题是我的服务器只运行了一次，但是当我控制台记录我的react代码时，我可以看到它本身得到了两次数据，一旦对象为空，在下一个响应中，我得到了整个数据，这就造成了一个严重的问题，因为我在从服务器获得数据的时候就将其附加到我的redux中，当我在另一个组件中使用该数据时，我会得到未定义的数据，并且代码会中断，因为它不会等待第二个响应并在第一个组件上抛出错误。现在我不知道是什么类型的问题，但这是我的代码：-私人线路代码：-
import React, { Component ,us
浏览 1提问于2022-02-04得票数 1
在我目前的工作中，我遇到了一个问题，在这个问题上，应用程序似乎提出了一些我认为可以避免的额外请求，并且为了更好的性能优化了应用程序。
我们的技术栈是：类型记录+ React + Redux (普通的，而不是Redux-Toolkit)
我希望取得以下成果：
相同的依赖值不应导致页面的重新呈现，并向后端提出新的请求。
当用户在应用程序的页面之间切换回先前打开的页面时，每次打开该页面时都会发出一组相同的请求。
就我所知的(1)问题而言，我可以使用useCallback，、useMemo、和进行一些优化，但是，试图为(2)问题找到一个合适的解决方案，我遇到了各种各样的选项:从手动设置一些逻辑，或者使
浏览 6提问于2022-10-18得票数 1
我是第一次接触React-native。下面提到了依赖关系 "dependencies": {
"@react-native-community/masked-view": "0.1.6",
"@react-navigation/drawer": "^5.8.2",
"@react-navigation/native": "^5.5.1",
"@react-navigation/stack": "^5.2.10",
浏览 29提问于2020-06-28得票数 2
1回答
我是新来的反应本地人。我实现了功能和快照单元测试，但不确定如何编写函数级和API级单元测试用例。我用的是酶和玩笑。此外，我还使用了redux作为国家管理。
下面是我的几份文件。
App.js
/* eslint-disable no-unused-vars */
/* eslint-disable no-use-before-define */
/* eslint-disable class-methods-use-this */
import React, { Component } from 'react';
import { StyleSheet, View } f
浏览 3提问于2020-03-02得票数 3
我使用以下示例来说明如何在react-redux应用程序中从数据库加载数据时更新redux状态。learningActionDataOperationBegin将loading (在缩减程序中)设置为true，然后在从数据库获取数据后，fetchLearningActionsSuccess将loading设置回false。在显示数据库记录的组件内部，仅当初始loading为false时才调用FetchLearningActions。我相信这是react-redux应用程序的常见做法。
但是，例如，如果浏览器关闭或在加载数据时互联网断开连接，则loading保持为true，这是一个问题，因为在下
浏览 10提问于2019-11-04得票数 1
1回答
在我的web应用程序接口应用程序(.net webapi)中，当一个下载链接被点击时，需要传递授权头。通常，当您使用href链接时，这不会传递authorization头，然后，api授权将取消下载(使用axios的api请求)。
当href在React-redux前面单击时，如何实现这一点并添加此授权头？
或者用另一种方式来证明这一点。
浏览 1提问于2018-01-25得票数 0
2回答
我正在尝试在渲染之前将用户数据从Firebase获取到应用场景。通过action获取数据，并从reducer调用调度后，场景不显示。相反，应用程序会重新启动。这不是崩溃，因为我可以在控制台中看到组件的日志，这些日志只在应用程序启动时显示)。
我刚开始使用React Native和Redux，但这种行为对我来说毫无意义。
PlaceDetail.js -应获取数据的组件
import React, { Component } from 'react';
import { View, Text, ImageBackground } from 'react-native
浏览 0提问于2019-03-26得票数 3
我在几个React/Redux项目中工作过，经常有一些组件需要以某种方式使用从服务器端传来的数据进行初始化，因此需要通过某种异步调用。对于这个开放式的问题，很抱歉，但是这样一个函数的理想触发点是什么？我有时使用componentDidMount并触发Redux action来填充初始数据存储(action将触发redux-thunk异步调用，等等)，但是有更好的方法吗？
浏览 0提问于2017-12-21得票数 0
我想获取所有需要的数据，以显示我的应用程序的仪表板的反应-本机。该应用程序类似于
我使用的是react本机，redux，redux-saga，react导航和REST api.
我必须获取、post列表以显示主页，并为headerBar获取通知计数。其他选项卡页与主页同时挂载，以允许流体过渡。因此，我也需要当前用户的帐户页面。
最后，商店被持久化，应用程序可以在后台模式下停留很长时间。因此，我需要经常刷新我的数据，以确保进行最后的更改。
我有sagas，它会发出呼叫和启动操作来更新商店。
以下是我发现的策略：
我可以连接每个页面组件，并给它们一个fetchAllPageData()，它分派
浏览 2提问于2017-05-21得票数 1
在我当前的ReactJS组件中，我必须调用REST并获取JSON。这是用componentWillMount.完成的
我在我的应用程序中引入了Redux。现在我应该在哪里调用JSON并将其设置为默认状态？它是在Redux还是我的React应用程序中？
任何一个例子都值得赞赏。
浏览 5提问于2016-05-03得票数 1
回答已采纳
我想使用typescript / react / redux_thunk获取一个api数据，并使用这些数据创建一个简单的应用程序。 下面是我的代码： type.tsx:
export interface Iproduct {
id: number;
title: string;
price: number;
description: string;
category: string;
image: string;
} Actions.ts import { Iproduct } from
浏览 13提问于2021-05-01得票数 0
我是新来的本地人。我正在学习导航，所以我从一个全新的new本地项目开始，并遵循()上的步骤：
1) npm install --save react-navigation
2) npm install --save react-native-gesture-handler (not using expo)
3) react-native link react-native-gesture-handler
4)按照网站对Android的要求修改MainActivity.java。
然后，当我运行命令react-native run-android时，我在我的手机中看到了预期的应用程序，但是出现了
浏览 0提问于2018-12-28得票数 1
回答已采纳
我正在开发一个电子商务网站，并在其上添加了一个“购物车”路径，但它得到了以下错误：本地主机地址是:3000/cart，但错误地址来自:3000/api/products/cart。(我使用express从：获取数据)。
此外，如果我输入地址为：“，则错误显示为：
GET http://localhost:3000/cart/api/products/cart 404 (Not Found)
App.js：
function App() {
return (
<Switch>
<Route exact path="/" compone
浏览 16提问于2022-07-06得票数 1
回答已采纳
这是我已经坚持了两个多星期的事情，所以这个问题是我解决这个问题的最后机会。我希望任何人都能帮助我(因为问题很可能是一些小问题/一些我错过的事情)。
使用Node、Redux和React，我将从我的Mongo数据库返回一个集合。我正在使用react redux "connect“从我的存储中检索数据，如下面的JSX所示。
JSX:
import React from "react";
import {connect} from "react-redux"
import {fetchArticle} from "../../actions/arti
浏览 1提问于2017-04-10得票数 7
回答已采纳
1回答
我正在学习ReactTs，我正在编写一个简单的两个组件的应用程序来上传文件，并通过另一个请求获取上传进度，但我无法从请求中接收进度数据。我认为useEffect从不执行axios get请求。如何多次执行get请求才能获得0-100的进度？谢谢你的帮忙!
主成分：
import axios from 'axios';
import React, { Fragment, useEffect, useState } from 'react';
import { useDispatch, useSelector } from 'react-redux'
浏览 8提问于2021-05-13得票数 1
回答已采纳
我在自己的react本机项目中使用Redux查询，而且每次不触发查询，我都想不出如何访问状态。
我用customBaseQuery创建了一个api
const emptySplitApi = createApi({
reducerPath: 'api',
baseQuery: customBaseQuery(),
endpoints: () => ({})
})
然后我注射了我的端点。
export const userApi = emptySplitApi.injectEndpoints({
endpoints: (builder) => ({
浏览 1提问于2021-10-21得票数 1
回答已采纳
我正在开发一个使用Redux应用程序的ASP.NET内核，该应用程序生活在Azure webapp中。最近，我想将Azure Active Directory或AAD集成到我的应用程序中，以便为用户使用单一的登录登录。
为了实现这一点，我选择了使用。它的集成非常轻量级，似乎运行良好。
自从添加react-adal以来，我发现我的应用程序即使在登录之后也无法通过任何API获取数据。查看控制台中的网络调用，我可以看到从发送到API的任何GET请求返回的302状态。
查看所提供的信息，我可以看到
Location https://login.microsoftonline...
因此，我可以看到，当
浏览 0提问于2019-04-24得票数 0
2回答
复制步骤
client.js (入口文件)
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';
import { Router, browserHistory } from 'react-router';
import reduxThunk from '
浏览 9提问于2016-12-15得票数 1
回答已采纳
我是新手，请记住这一点。为了学习目的，我构建了一个简单的React + Redux应用程序，它以JSON格式从外部API获取数据。
如果我手动启用Chrome中的CORS (通过扩展)，一切都会很好。
现在，我将应用程序部署到Heroku，并且需要永久地使CORS能够访问API。显然这比我想的要复杂！
这是我的代码：
server.js
const express = require('express');
const port = process.env.PORT || 8080;
const app = express();
const path = require(
浏览 0提问于2017-12-20得票数 4
回答已采纳
这是我使用react redux promise中间件的Dashboard.js。从facebook获取数据，然后将其传递给dispatch。我想问为什么我在this.props.brandsInformation上得到空值？
有没有办法访问componentDidMount函数()中的数据？
任何帮助都会非常感谢，这对我来说似乎是一个障碍。
/* global FB */
import React from 'react';
import { cyan600, pink600, purple600, orange600 } from 'material-ui
浏览 0提问于2017-10-11得票数 0
我最近在实现OAuth时遇到了一个关于React Native和Redux的问题，这引起了一些人的困惑。场景如下：
我在我的React本机应用程序中使用Redux，用户登录后，刷新令牌和访问令牌将被存储。在另一个组件的操作创建器中，用户每次调用时都需要使用短暂的访问令牌调用rest端点，用户需要调用getAccessToken()等服务方法，该方法将始终返回有效的访问令牌，如果令牌过期，它将更新令牌并更新存储。
Redux中的数据流是严格单向的，这意味着，用户调用操作创建器，而操作创建器将调用reducer，后者将更改存储中的状态，并且组件将使用新状态重新呈现。但是，我不能将组件的状态绑定到访
浏览 26提问于2018-05-30得票数 0
2回答
我目前正在使用一个非常常见的工作流开发一个简单的React应用程序，其中用户触发Redux操作，然后从API请求数据。但是，由于我想使这些操作的结果在URL中持久，我选择了React路由器v4来帮助我完成这项工作。
我已经看过了中的Redux集成注释，但是将history对象传递给Redux操作的想法对我来说并不是最优雅的模式。由于Redux和路由器状态更改都会导致React组件被重新呈现，我有点担心在这种情况下组件更新可能会有点失控。
因此，为了使重呈现更加可预测和有序，我提出了以下模式，试图遵循单向数据流原则：
在过去，由于用户与UI的交互，我会触发Redux操作，现在我调用React
浏览 1提问于2018-03-19得票数 1
我正在开发一个React+Redux应用程序。我通过Redux操作调用API，并将响应数据存储在Redux状态中。但有一种情况是，我不必将API响应数据存储在Redux存储中。
所以问题是，是否有任何有效的理由通过Redux操作调用API，或者应该直接调用API，因为我没有将响应数据存储在Redux存储中？
浏览 1提问于2018-04-11得票数 6
回答已采纳
我有一个mongoDB，里面有商店里的东西。使用React，我希望根据数据库中的每个条目呈现物品卡片。为此，我使用Axios为我的服务器发送一个GET请求，该请求将处理从数据库中提取数据。 我的反应代码是这样的： import React, { useEffect, useState } from 'react';
import axios from "axios";
function App() {
const [items, setItems] = useState([{}]);
useEffect(() => {
axios.get(&#
浏览 1199提问于2020-12-03得票数 1
回答已采纳
2回答
想象一下React应用程序，你可以在侧边栏中列出你的朋友。该网站使用Redux来存储好友的状态。如果用户添加了一个新的朋友到他的列表，我必须发送一个帖子到后端，以保存它。 问题是，我应该如何更新侧边栏中的好友列表？ 在post之后，我应该发出GET请求并将响应添加到Redux，还是应该直接使用数据并将其添加到Redux，从而删除额外的GET调用？
浏览 35提问于2019-01-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
