如何使用一个API中的ID从Redux中的另一个API获取信息？
在使用一个API中的ID从Redux中的另一个API获取信息的过程中，可以按照以下步骤进行操作：
- 首先，确保你已经在Redux中存储了第一个API的响应数据。可以使用Redux的异步中间件（如redux-thunk或redux-saga）来处理API请求并将响应数据存储在Redux store中。
- 在Redux store中，你可以通过定义一个reducer来存储第一个API的响应数据。这个reducer可以处理接收到的API响应，并将数据存储在Redux store的适当位置。
- 在你需要使用第二个API的地方，可以通过使用Redux的connect函数将Redux store中的数据连接到你的组件中。这样，你就可以在组件中访问存储在Redux store中的第一个API的响应数据。
- 当你需要使用第二个API时，可以在组件中调用一个action creator函数。这个action creator函数可以接收第一个API的ID作为参数，并使用这个ID来构建第二个API的请求。
- 在这个action creator函数中，你可以使用Redux的异步中间件来发起第二个API的请求。在接收到第二个API的响应后，你可以将响应数据存储在Redux store中的适当位置。
- 最后，在组件中，你可以通过连接到Redux store的数据来访问第二个API的响应数据，并将其用于你的业务逻辑或渲染。
需要注意的是，以上步骤是一个基本的流程示例，具体实现可能会根据你使用的Redux中间件和API库的不同而有所不同。此外，根据具体情况，你可能需要处理错误处理、加载状态等其他方面的逻辑。
对于腾讯云相关产品和产品介绍链接地址，可以根据具体需求和场景选择适合的产品。腾讯云提供了丰富的云计算服务，包括云服务器、云数据库、云存储、人工智能等。你可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云产品的信息。
相关·内容
4回答
如何使用Redux和React
reactjs、redux
我只想从api中获取数据并在前端显示。我使用Redux调用api，使用它的操作和还原器。在还原器中，我把intialstate作为空的array.When API成功调用，我正在更新存储state.Below是一个实用的，它可以帮助理解概念。
store.js
import { createStore } from 'redux';
import reducer from './reducers/reducer';
let store = createStore(reducer)
export default store
actions.js
import {
浏览 1提问于2018-11-13得票数 0
2回答
如何对REST执行异步axios调用并更新存储(redux令人困惑)？
javascript、reactjs、redux、axios、redux-thunk
所以，我必须对REST提出一个异步请求，我读过redux thunk的文章，但是我仍然有点困惑，所以我试图在减速机内部提出一个异步请求。
下面是一个工作示例，它返回普通的json对象
return Object.assign({}, state,
{ texts: state.texts.concat({ data: 'some text'}) })
但是当涉及到网络请求时，它不会产生任何错误，它只是看起来返回不工作，所以这就是为什么我的组件不能更新
axios.get('https://dog.ceo/api/breeds/image/random').t
浏览 1提问于2019-08-25得票数 1
回答已采纳
2回答
Redux - mapStateToProp不获取参数，reducer不读取操作
react-native、redux、react-redux
mapStateToProps不能从store获取状态。console.log响应为： Object {
"selectStateClassify": Object {
"newClassify": "É pra vir algo",
},
} 我知道它是一个属性，但我不知道如何像使用对象一样使用这个属性。我想在标签<Text>{stateClassify}</Text>中使用stateClassify import { StyleSheet, View, Text, TouchableOpacity }
浏览 37提问于2020-02-01得票数 0
回答已采纳
2回答
Redux Thunk为什么我必须调用dispatch()两次？
reactjs、redux、redux-thunk
注意，我使用dispatch()调用setStepPositionIndex()。当我将dispatch(...)删除为setStepPositionIndex()时，我希望setStepPositionIndex()中的分派调用将接收它传递的普通操作对象并分派它……
Alternatively，如果我删除setStepPositionIndex()中的dispatch()调用(并保留dispatch(setStepPositionIndex())，同时显式返回其中的纯actionObj，我将期望使用dispatch(setStepPositionIndex(actionObj))成功分派
，
浏览 132提问于2018-09-04得票数 0
回答已采纳
2回答
使用axios调用API时如何防止UI冻结
reactjs、react-native、redux、redux-thunk
当我的组件使用componentDidMount加载时，我试图加载数据。然而，调用Redux操作，使用axios进行调用似乎会冻结UI。当我有一个有12个输入的表单，其中一个进行API调用时，我假设我可以输入其他输入，而不是让它们冻结在我身上。
我试着读了一些关于这个主题的其他文章，但它们都有点不同，我尝试过的每一件事似乎都无法解决这个问题。
我正在使用React 16.8在linux上工作(当使用RN时我使用55.4)
我已经尝试过让我的componentDidMount异步以及redux-thunk动作。这似乎没有任何帮助，所以我一定是做错了什么。
我试着做了下面的工作，但没有成功。只是用
浏览 1提问于2019-03-31得票数 5
4回答
如何修复“操作必须是普通对象。使用自定义中间件进行异步操作。”
reactjs、laravel、react-redux、redux-thunk
我正在做一个反应-还原组件嵌入到拉拉维尔刀片文件。在反应面，
我使用的是redux和thunk，当我尝试从Laravel路径获取数据时，它会正常运行。
但是，当我在动作创建者中使用axios请求来异步获取数据时。它规定：
“未捕获错误:操作必须是普通对象。使用自定义中间件进行异步操作。”
这是反应侧的入口部分。
Entry.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import reducer from
浏览 0提问于2019-03-25得票数 1
回答已采纳
2回答
尝试使用redux-thunk，但它显示了错误，即使在我看来一切都很好。
reactjs、redux、react-redux、dispatch、react-thunk
因此，我遵循了一个教程，redux是实现的，并且已经完成了视频中的所有操作，但是我仍然得到了这个错误：
错误:操作必须是普通对象。相反，实际的类型是：“承诺”。您可能需要将中间件添加到您的商店设置中，以处理分派其他值，例如处理调度函数的“redux-thunk”。
下面是代码的样子：
index.js
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { createStore,
浏览 3提问于2021-06-15得票数 0
1回答
值是在使用react redux而不是有效负载时从操作中未定义的。
javascript、reactjs、react-redux
我正在构建一个应用程序，使用React，Redux，Redux，Express，以及一个学校项目的后缀。
在我的其他视图中，我获得了数据，以相应地插入和更新我的视图，但在本例中，我得到了未定义的。
我刚从redux转到了redux，所以我提前道歉！
这是我的控制台的截图：
这是我的SingleCountry减速机，还有我的动作创作者和零件.
'use strict';
import axios from 'axios';
// ACTION TYPES
const GET_COUNTRY = 'GET_COUNTRY';
// ACT
浏览 2提问于2017-12-11得票数 0
2回答
在容器组件模式中集成调度操作
reactjs、redux、react-redux
因此，我完全不明白如何集成容器和组件模式。我已经复习了整个上午的例子，似乎什么都没有点击。在我的第一个项目之前，我是如何使用React的？？在我的视图组件中获取数据，然后使用工作的@connect将数据作为道具传递给我，但在此时以“自动”的方式传递给我。
import React;
...
import {action} from 'path/to/action.js';
@connect((store) => {return{ key: store.property}});
export class Component{
componentWillMount()
浏览 3提问于2017-08-31得票数 1
回答已采纳
1回答
在flutter redux中处理异步事件的最佳方法
redux、flutter、flutter-redux
在开始使用flutter和redux构建应用程序时，我遇到了以下问题:处理网络请求或任何异步操作的最佳方式是什么？ 上下文:执行一个异步调用，在请求完成时从服务器端获取一个字符串(在我的例子中只是一个Future.delayed)，更新状态并查看视图中的更改。 第一种方法： 创建一个具有异步调用函数的middlewareClass，该函数将在使用将在reducers中处理的新操作完成call NextDispacther之后等待异步事件完成 class UserTypeMiddleware extends MiddlewareClass<AppState> {
@
浏览 24提问于2019-03-14得票数 4
2回答
更新Redux状态并使用mapStateToProps错误将更新后的数据导入组件
javascript、redux、react-redux
我正在学习并试图用反应来理解Redux
下面是index.js和App.js中的测试代码，它读取API，然后请求API获取一些数据。
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux'
import './index.css';
import App from './components/App';
import { createStore } from 're
浏览 3提问于2021-05-05得票数 0
回答已采纳
2回答
如何通过redux更新状态后的React组件？
javascript、reactjs、redux
我正在学习React和Redux，当我这样做的时候，我决定制作一个带有按钮的网页，点击按钮就会改变状态。在按钮下面，我想在另一个组件中显示当前状态。虽然单击按钮会更改状态，但它不会反映在组件中。下面是我的代码：
App.js
import React from 'react'
import Name from './Name'
import {changeName} from './Action';
export default function App () {
return (
<div>
浏览 0提问于2019-10-05得票数 6
1回答
将中间件应用于单个商店
javascript、reactjs、redux
在redux中，您可以轻松地创建一个中间件。我有一个看起来像这样的，它很容易应用于我的整个商店。
function socketMiddleware(store) {
const socket = io.connect(SOCKET_URL);
socket.on('connect', () => store.dispatch({ type: CONNECTED }));
return next => action => {
// does something with the socket.
}
}
但是，我想提供一个中间件，它只在
浏览 0提问于2016-12-09得票数 0
1回答
从Redux商店获得未定义的
javascript、reactjs、redux
当我加载页面时，我得到
"Uncaught (承诺) TypeError:无法从reducer.js读取未定义的属性‘数据’“
问题是Actions.getResults()返回的是未定义的。我钻研到actions/api.js function makeRequest()，它发出请求并获取数据。
console.log(responseAction)在store.dispatch(responseAction)之前显示它拥有所有数据，但是Actions.getResults()返回未定义的数据。
我怀疑它可能与异步操作相关联，但我不知道到底出了什么问题。任何帮助都将不胜感激。
浏览 1提问于2018-05-03得票数 0
2回答
将数据写入redux中的最简单的方法是什么？
javascript、reactjs、ecmascript-6、redux
在我的应用程序中，我使用了React和Redux (以及用于异步任务的Redux-thunk )。因此，当我需要将一些数据写入store作为component交互的结果时，我会同时使用action和reducer。但它总是必要的吗？尤其是在对修改后的字段没有connect的情况下，component？我总是需要action和reducer将一些数据写入store吗？或者，也许有一种类似于setState in store的方法
浏览 7提问于2016-11-15得票数 0
回答已采纳
2回答
如何处理Redux/React应用程序中的401错误
reactjs、redux
我正在使用React和Redux构建一个网站，我有一个关于我应该如何处理401状态响应的疑问。
目前，当API报告401 HTTP状态时，它通常会在我的某个操作中被捕获，我会发送：
return dispatch({
type: 'FETCH_MONTHLY_DATA_FAILURE',
error: response.data
});
相关的reducer检查HTTP状态代码，我有一些Redux中间件来检查这个HTTPStatus状态值并做出相应的反应。
有没有一种更优雅的方式可以让我以一般的方式处理这些错误？我正在使用Axios处理我的HTTP请求。
浏览 0提问于2017-01-23得票数 11
回答已采纳
2回答
在react中获取未定义的错误值
reactjs、react-redux、mern
我想在我的应用程序中使用错误值作为警报。我的服务器响应也给出了正确的响应。但在反应中使用时，错误值显示为undefined。
<b>Response Getting from API request</b>
{"success":false,"error":"Product Not Found"}
<b>code in react file</b>
const alert = useAlert();
const dispatch = useDispatch();
浏览 14提问于2021-11-16得票数 0
1回答
如何在redux中等待数据
reactjs、redux、react-redux
例如，我有两个组件。在第一个步骤中，我在服务器上执行异步调用，并在分派操作之后将响应放入redux存储中。在第二个组件中，我想等待响应来存储，然后做一些工作。
第一个组件看起来像
const response = await api.call(); // async call on server
dispatch(putToTheStore(response)); // put data to the store
第二个组件看起来像
await props.response; // here i want to wait data come to store
// and after it
浏览 2提问于2017-07-17得票数 4
回答已采纳
3回答
根据接口响应应该在哪里修改数据？
javascript、reactjs、redux
我正在使用redux 每当我获得数据时，我都会定义一个if语句来改变数据，以便在屏幕上显示它们 考虑将以下代码作为API响应 API_RESPONSE:{
status:3
} 然后在代码中，我希望根据响应显示不同的值 if(API_RESPONSE.status === 3){
return <div>cancel</div>
} 我的问题是我应该在哪里执行if语句， 在redux action或我试图从reducer中获取它们的代码中
浏览 61提问于2021-01-19得票数 0
回答已采纳
3回答
将业务逻辑放在redux中的位置？行动或储存
redux、redux-thunk、refluxjs
我从反流到Redux。在反流中，您的业务逻辑只存在于存储中，但是在"async-action" Redux中，它在"Redux“中似乎是different..for示例，我有，我用"redux-thunk”实现了它。
在一个场景中，我想在我的操作中检查一些东西，如果需要的话，我会向服务器发送请求并获取一些数据。在这种情况下，我必须在我的行动中检查我的逻辑，而实际上我的业务逻辑是存在于行动和存储在一起的，它不是很好。你的解决方案是什么？
例如，我有复选框，我检查一些条件，如果结果为真，我向服务器发送一个请求，这里是我的操作代码，正如您所看到的，我的业务逻辑在我的a
浏览 9提问于2017-05-08得票数 21
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
