Redux在API调用期间状态更改时更改URL
Redux是一个用于管理JavaScript应用程序状态的开源库。它可以帮助开发人员更好地组织和管理应用程序的状态，并使状态的变化可预测和可追踪。
在API调用期间，当状态发生变化时，可以通过Redux来更改URL。具体来说，可以通过Redux中的action来触发API调用，并在调用成功后更新应用程序的状态。当状态发生变化时，可以使用Redux中的中间件来拦截状态变化，并在变化发生时更新URL。
Redux的优势在于它提供了一个单一的数据源，使得状态管理更加简单和可控。它使用了一个单向数据流的模式，使得状态的变化易于追踪和调试。此外，Redux还提供了强大的工具和插件生态系统，可以帮助开发人员更好地调试和优化应用程序。
Redux的应用场景非常广泛，特别适用于大型复杂的前端应用程序。它可以与各种前端框架和库（如React、Angular、Vue等）结合使用，并且可以轻松地与其他后端技术（如Node.js）进行集成。Redux还可以用于开发跨平台的移动应用程序，以及构建实时数据应用程序和大规模数据可视化应用程序等。
对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，可以参考腾讯云的云原生产品、云数据库、云服务器、云存储等相关产品，以及它们的文档和教程来了解更多信息。
相关·内容
我的react App上有一个嵌套组件。 class Home extends React.Component {
constructor() {
super();
this.state = {id : "1"};
}
render() {
return <ShowChart id={this.state.id}/>;
}
} 我从主页渲染组件ShowChart，并将this.state.id作为一个道具传递。ShowChart是一个带有redux connect()的组件。 class ShowChart extends
浏览 171提问于2021-05-02得票数 0
回答已采纳
1回答
我的反应相对较新，所以仍在努力学习最佳实践等等。
我目前正在创建一个仪表板样式的应用程序，它具有多个显示各种数据的“小部件”。我有一个父组件‘仪表板’，它呈现每个'Widget‘组件(它们是哑组件)，数据通过道具传递。
现在，我遇到的问题是，在我的“仪表板”组件中，我正在执行一个ajax调用来获取每个Widget的数据，在我调用setState()并将数据推入的每个ajax调用成功之后。
从设计模式的角度来看，这似乎是正确的，但显然调用setState会导致级联重呈现，因此在我的示例中每个小部件被重新呈现10次(因为我有10个小部件)。
我在这里做错了什么？我的应用程序现在是Flux或
浏览 2提问于2016-07-28得票数 0
回答已采纳
我不知道这是不是合适的地方。但是的，我正面临这个问题，我的反应本土博览应用。这是一个电子商务应用。最初，我将获取用户购物车项并将它们存储在redux状态中。当用户继续向购物车添加一个新项目时。然后，我调用一个API来添加和检索新的购物车项，并使用新的记录集更新redux状态。现在的问题是。这将重新加载整个应用程序。然后返回到主屏幕。
我不知道它为什么要这么做。我想知道有什么办法能阻止这种重定向吗？
更新:我只是注意到，在主屏幕上，它在尝试更新redux时也是如此。它让人耳目一新。
函数从购物车中获取项目。
async getCartItems(){
this.setState({
ref
浏览 7提问于2021-12-29得票数 0
我想在组件加载时进行api调用。我有以下代码：
import React, { Component } from "react";
import { connect } from "react-redux";
import { getProfileDetails } from "../store/actions/profileAction";
class ProfilePage extends Component {
constructor(props) {
super(props);
}
compo
浏览 0提问于2018-06-18得票数 0
2回答
我知道redux非常适合处理应用程序的全局状态，当该状态被更新以反映在视图中时。但是，有没有可能在不应该重新呈现的react组件上使用它？我有一张地图，它使用小叶，而不是重新渲染和绘制数据，我希望它绘制数据而不是重新渲染。
redux看起来是个不错的选择吗？如果是这样，我应该在哪里处理api调用，因为我被告知不应该在reducer中这样做。
目前，我的应用程序由一个导航栏、一个全屏地图和一个由api请求填充的搜索菜单组成。这个想法是，当选择一个搜索时，它会将数据填充到地图上。
浏览 2提问于2016-03-07得票数 1
我试图使用存储在我的组件上的onClick事件在Redux上执行一个非常简单的更改状态，但我似乎无法理解它。我在redux中设置了我的逻辑、动作和容器。
集装箱：
export const ReportTableContainer = connnect((state) =>({
isOpen: state.app['modal-status']['isOpen']
}),() =>({FetchPopupReport}))(ReportTable)
关于组成部分的职能：
onCellSelect = ({idx, rowIdx}) =>
浏览 2提问于2017-12-11得票数 0
回答已采纳
1回答
我有一个使用redux，react-router，react-router-redux的同构react应用程序，我想将我的组件与url查询参数绑定在一起，当查询参数发生变化时，向API发送请求并更新我的状态，最后获取数据。我知道使用react-router-redux它会自动更新我的状态。另外，我想要显示一个预加载器(微调)给用户时，数据是提取。为这个问题编写一个动作创建器的最好方法是什么？谢谢
浏览 0提问于2017-07-12得票数 0
我正在尝试使用Redux调度来处理API错误，在最后创建action，reducer & connect(mapStateToProps)。
所以当我输入错误的url时，我会在我的视图上得到错误信息。但我的按钮链接包装在标签中，然后我的下一个视图显示相同的错误消息，而不是呈现新视图。
// Actions
export const API_ERROR = "API_ERROR"
export const resetErrorCode = () => ({
type: RESET_ERROR_CODE
})
// Reducers
import { API_E
浏览 0提问于2019-02-11得票数 0
1回答
我试图将来自redux的道具作为呈现状态完整组件的起点，如下所示：
const MyComp = (props) => {
const initState = {
newAttribs: [...props.attribs]
};
const [state, setState] = useState(initState)
console.log(state)
};
const mapStateToProps = (fromRedux) => {...};
const mapDispatchToProps = (disp
浏览 0提问于2019-03-20得票数 2
回答已采纳
我试图在Axios的反应中加入一个捕获承诺，它可以工作，但是我得到了无限数量的请求和404错误。
class Search extends Component {
state = {
notFound: false,
dataResult: "",
};
componentDidUpdate() {
axios
.get("url")
.then((resp) => {
this.setState({ dataResult: resp.data });
})
浏览 2提问于2020-09-17得票数 0
回答已采纳
1回答
考虑到下面的代码，我希望transform()方法可以在任何时候运行this.props.code更改。
class Editor extends Component {
render() {
return (
<div id="pseudo-editor" />
);
}
transform() {
var editor = ace.edit("pseudo-editor");
editor.setValue(this.props.co
浏览 1提问于2018-01-09得票数 2
回答已采纳
我的redux表单中有两个字段，field_A和field_B，这两个字段都是select字段。选择field_A之后，redux表单的initialValues将填充field_A的值，并加载field_B选项，供用户选择。一旦用户选择了field_B，redux表单的initialValues就会填充Field_B的值。
如果我现在更改field_A，将加载用于field_B的新选项，供用户选择。在UI上，field_B的值是清除的，但是initialValue的值仍然是field_B。用户可以提交这个表单，而不是得到“必需的”验证错误。它们将field_A和field_B的不匹配组合发送
浏览 0提问于2018-10-29得票数 0
我有一个IonModal，用于通过API调用将数据添加到数据库中。然后，我将将响应数据添加到Redux存储区中的列表中，该列表将显示在主页上。
在我的模式中按下按钮调用此函数，以调用API，获取响应，将其添加到商店，并关闭该模式：
const addData = async () => {
const transaction = await createTransaction(data);
dispatch(addTransaction(transaction));
setShowModal(false);
};
createTransaction正在调用API并返回响应数据
浏览 2提问于2021-08-18得票数 1
2回答
我在一个无状态的React组件中使用onClick处理程序。
当在div上触发单击事件时，它将触发loadMore操作，该操作使用redux操作从REST API获取更多数据。
count = 6;
var loadMore = e => {
getArticlesComments(article.slug, count, count + 2);
count = count + 6;
};
我的问题是，由于redux操作，count没有更新。如果我删除它，count会正常更新。
为什么redux操作(正常工作)会阻止count更新？
谢谢
浏览 0提问于2019-09-16得票数 1
通过使用React，我有以下使用useEffect()的功能组件
import React, { useEffect } from 'react';
import { connect } from 'react-redux';
const MessagingComponent = React.memo(({ loadMessages, messages, ...props }) => {
useEffect(() => {
loadMessages();
});
return <div {...props}>Th
浏览 1提问于2019-04-03得票数 20
回答已采纳
下面的代码更新，pageName和pageURL在我的Redux为用户和我得到更新，因为用户浏览周围的反应应用。
const { match } = this.props;
if(match.params.type) {
this.props.pageURL(match.url);
this.props.pageName((match.params.type).replace(/-/g, " "));
}
如果我将这段代码放入render() {方法中，一切都可以正常工作，但下面的错误如下：
Warning: Cannot update during an existi
浏览 1提问于2019-04-05得票数 0
回答已采纳
当我获取精灵宝可梦API时，为什么渲染函数运行2次，第一次没有状态更新，第二次状态更新？当我从API调用render function中的属性时，我也得到了一个错误。“无法读取null的属性'next‘”
import React, { Component } from "react";
import "./index.css";
import axios from "axios";
const url = `https://pokeapi.co/api/v2/pokemon`;
console.log(url);
class App
浏览 5提问于2019-03-13得票数 2
我最近开始学习React / Redux，现在我正在尝试构建一个小的单页应用程序。
最近我遇到了一个我不明白也无法解决的问题。
让我给你看看密码：
index.js
import React from 'react'
import ReactDOM from 'react-dom'
import { createStore, combineReducers } from 'redux'
import { Provider } from 'react-redux'
import { Router, Route, IndexRoute
浏览 2提问于2016-07-08得票数 3
回答已采纳
我正在尝试使用redux、axios和API创建一个查询页面。在useEffect()中，如果来自useSelector的变量为空，并且isLoading状态为false，那么我将执行API请求。然而，即使没有对这些变量(已经在依赖列表中)进行任何更改，useEffect也会无限期地触发API请求。
在检查状态时，我看到integrationStatusLoading一直从true转换到false。似乎useEffect在完成上一次运行之前就被触发了几次。
我的reducer：
import * as spreadsheetActions from './spreadsheetActi
浏览 1提问于2020-09-14得票数 0
2回答
我不明白我的组成词怎么会改头换面。我有一个redux状态，保存我的{history：{局}}状态。所以问题是:如果{字母}被传递到useEffect deps数组中，如果更改了{}属性，那么我的组件单词重命名器会不会？
`
function Word() {
const { history: {letters, words} } = useAppSelector(state => state)
useEffect(() => {
}, [letters])
return (
<div>
</div>
浏览 12提问于2022-11-13得票数 0
当我使用useSelector加载数据时，我会得到这个错误，但是它会返回正确的信息。我收集数据是在错误之后加载的，但是如何避免它呢？：
const dispatch = useDispatch();
const { identify } = useParams();
//set loader
const [loaderthis, setLoaderthis] = useState(true);
const [breadCrumb, setBreadCrumb] =
浏览 3提问于2022-02-07得票数 0
回答已采纳
我试图从api中获取数据，首先将其存储在redux存储中，然后尝试通过useSlector获取数据，然后将其存储在本地状态..when console.log中--我正在获取数据，但无法存储在本地state.It中，显示为空。我已经包括了控制台的映像和code.Please检查
浏览 1提问于2020-06-10得票数 0
回答已采纳
因此，我试图发出一个API请求，然后将响应保存到状态。
await fetch(url)
.then((response) => response.json())
.then((data) => setSearchResponse(data))
.then(console.log("api request fired."))
.then(console.log(searchResponse.results))
当我console.log状态时，它仍然是一个空对象。如果我第二次运行该代码，它将按预期工作。在调用console.log之前，状态似乎没有更新，但据我所知，
浏览 3提问于2022-01-20得票数 1
回答已采纳
1回答
我正在使用react和react-select，并尝试从api中获取选项。一切都在我身上工作，但我想展示的是，当数据来自api时，将文本加载到react-select中。 下面是我的react-select组件： <Select
onChange={this.getSelectedOption}
onFocus={this.getData}
options={options}
value={selectedOption}
styles={customStyles}
placeholder="Select...."
/>
浏览 19提问于2019-05-21得票数 1
在我了解了React Native的基础知识并开发了一些组件后，我做了一些关于如何在更大的应用程序中组织状态管理的研究，并试图找出在那些日子里我应该专注于什么。起初，我似乎很明显会使用Redux，但似乎很多人都乐于使用GraphQL，这使得Redux在实现后变得过时。现在还有上下文API，我想知道当你编写一个全新的React Native应用程序时，你会选择什么，因为它会与第三方的API进行大量的交互。
谢谢和问候，丹尼斯
浏览 1提问于2019-12-04得票数 1
1回答
我对redux和可能是useEffect有一个问题(我不知道我的错误在哪里)。我试图从获取信息，并将信息存储在redux状态中。问题是关于pokemons的信息不包括pokemon类型(火、水等)，为了解决这个问题，我发送请求从不同的端点获取这些类型，我希望将这些类型的特定pokemon包含到redux状态。
我的目标是有一个像第二张图片中的状态类型。但是当我刷新页面时，我只获取第一张图片(操作没有发送)。当我更改代码中的某些内容并保存它时，我也会得到类型。我怀疑我的问题在useEffect中，但如果不创建一些讨厌的循环，我就无法找到解决方案。
注意: fetchData中的页面参数来自P
浏览 5提问于2021-08-03得票数 0
回答已采纳
1回答
我使用redux thunk来返回一个动作的API调用：
export const getActiveCampaigns = () => {
return (dispatch, getState) => {
const bearer = 'Bearer ' + getState().login.bearer
return axios.get(API.path + 'campaign/active/?website_id=' + getState().selectedWebsite.selectedWebsite + '&
浏览 0提问于2018-03-02得票数 9
回答已采纳
2回答
我正在使用React和Redux (工具包)。
我有一组动作，当一些动作被调用时，我想传递副作用。
例如，我有一个包含项目的工作区，如果存储中的workspaceID发生变化(使用我的动作setWorkspaceId)，那么项目存储将注意到该更改，并启动一些api调用来更新自身。
在角/ngrx中，我使用的是效果，也就是在调用某个操作时调度其他操作的效果。
这条路是什么？我在查Redux，但是还有其他的或者已经内置的东西了吗？
浏览 1提问于2019-10-29得票数 7
回答已采纳
我是新来的。
景物：
Redux State有: X、Y、Z对象：
class A {
render(){...}
}
mapstatetoprops(){
return { X: x1}
}
connect(mapstatetoprops)(A)
我在某个地方读到，当在X、Y或Z中更改redux状态时，连接调用mapstatetoprops来重新分配组件A。
但是，我只想在X被更改时才重新修改A。这有可能吗？
浏览 3提问于2018-01-05得票数 1
我在前端(React)中有一些数据(如月份ID)，用于创建URL并通过POST方法发送。它向服务器发送一些信息，然后服务器返回相应的响应。
我正在使用Redux。因此，在我的reducer中，当我从API获得响应时，我需要该月份ID来更新状态。
我的问题是:在API的响应中以字段的形式发送月份ID更好，还是通过操作参数发送月ID更好？
浏览 0提问于2018-11-22得票数 0
2回答
我正在尝试建立一个简单的待办事项列表web应用程序与MongoDB数据库。我似乎可以正常工作，但是我的useEffect钩子一直在向服务器发出无限多的post请求。我对为什么会发生这种情况感到困惑。 React代码 useEffect(() => {
const payload = {
roomkey: roomKey
}
async function getToDos() {
const response = await axios({
url: &
浏览 36提问于2021-04-25得票数 0
我是新的反应和Redux，目前我正在构建一个非常简单的eCommerce应用程序的实践。这个应用程序正在从中检索数据。我有点困惑于如何组织从我的Redux状态到API的调用的最佳方法.
我是否应该在App.js呈现时调用API来获取所有产品，然后在我的Redux状态下存储所获取的产品(以及它们的所有数据，如Redux、价格、图像等)？然后，当查看Product页面或单个Product时，我会直接从Redux状态提取数据吗？
或者，我不应该在Redux状态下存储任何产品数据，而是在每次呈现product页面和一个Product时调用API？
另外，关于购物车状态，对于购物车中的每一项，我是否应该
浏览 2提问于2022-01-26得票数 0
1回答
Redux操作不触发缩减程序
、、、、
问题
我将react应用程序与Redux存储连接起来，添加了一个api操作来从我的后端收集数据，包括中间件redux-promise。当我可以在React网页编辑器中看到我的存储和组合减速键时，几乎所有的东西都可以工作。当我调用我的操作时，它会工作，并且控制台会记录已完成的承诺。然而，我的减速器从来没有运行过。我认为这是我在主容器上分派的一个问题，但我已经尝试了目前我能想到的所有方法--常规分派()和bindActionCreators。帮助!
Index.js
import React from 'react';
import ReactDOM from 'react
浏览 2提问于2018-04-05得票数 3
在页面中，我有两件事要做，首先我从API获取一些内容并显示它。之后，我会每隔5秒再获取一次API，查看显示内容的状态是否发生了变化。 在我的MyScreen.js const MyScreen = props => {
const dispatch = useDispatch();
const onConfirmHandler = async () => {
try {
//get content from API and display on the screen
const response1 =
浏览 7提问于2020-01-20得票数 0
1回答
我对redux相对来说还是比较新的，基本上是对这个概念的理解，在这个概念中，前端与后端分离。早些时候，我使用了laravel和RoR框架，您实际上可以将前端和后端逻辑结合在一起，并在视图中访问后端代码。使用这种方法，很容易处理身份验证，因为上面提到的框架有会话中间件，即使在页面刷新之后也可以检索经过身份验证的用户数据。
当你和redux一起工作的时候事情变了。我理解如何对用户进行身份验证(基本上是发送POST请求并向存储区写入数据)，但是如何处理页面刷新，从而通过还原器的初始状态重新设置所有数据？
在我看来，唯一的出路是在localStorage中存储经过身份验证的用户，如果它在那里是不可接受
浏览 0提问于2018-03-16得票数 0
我得到了一个React memoized回调，它使用了redux存储中的值： const filterValue = useSelector(state => state.filterValue);
const filter = useCallback(
item =>
includes(item.name.toLowerCase(), filterValue.toLowerCase()) ||
includes(item.description.toLowerCase(), filterValue.toLowerCase()),
[filterValue]); 我的问题
浏览 17提问于2020-04-26得票数 0
3回答
每当将该项选择添加到购物车中时，我将尝试保存用户的项选择。我使用Redux在特定项上按add to cart键传递项目数据。在我的Cart组件中，我可以查看添加到购物车中的最后一个项的项选择数据。这个用户选择项数据看起来像Object {price: 25, item: "Hoodie", size: "medium"}。我希望能够在我的Cart组件中存储添加到购物车中的每个选择。我是Cart
import React, { Component } from 'react';
import {addCart} from './Shop&#
浏览 6提问于2017-07-18得票数 5
回答已采纳
背景:我正在构建一个应用程序作为一个学校项目。它与API一起工作，获取一些JSON并将其转换并显示给用户。
注意：(玩家是坦克世界的人，我在使用他们的api)
我现在的结构:家庭->导航抽屉->播放器->选择播放机的->详细信息
我的问题是:当在一个球员的详细视图中，它打开完美。当我将方向改为水平屏幕时，它会“返回”到搜索视图。
当我从导航抽屉到一个播放器的细节(使用硬编码播放器)，我将屏幕改为水平屏幕时，什么都不会发生。
我完全不知道是什么导致了这一切。
最后，一些代码：(请不要这是为学校的项目，我是新的android)
我选择只为api 21+开发
浏览 3提问于2015-06-03得票数 0
回答已采纳
我在使用redux与类型记录的反应。目前，我正在通过外部JSON文件设置redux初始状态，但现在我想使用API设置初始状态。我可以直接在还原器中创建一个函数并在其中创建一个API调用，或者还有其他方法来实现它吗？
这是我的还原机代码：
type employee = {
id: number,
name: string,
age: number,
}
type department = {
[department: string]: employee[]
}
现在，我正在通过一个外部文件设置initialState，如下所示：
const initial = require(
浏览 0提问于2022-02-18得票数 0
2回答
我正在努力理解我如何才能绕过这个问题？ 我想获得我可以使用redux **在全球共享的数据**(使用redux，因为我在我的应用程序中使用它作为其他用例)**。我的问题是，我正在使用getStaticProps尝试发送我的ReduxThunk，但我不能在getStaticProps中使用钩子，我也不知道解决办法是什么，如果有人能给我推荐一些文档，我会很感激 Slice.js import { createSlice, createAsyncThunk } from "@reduxjs/toolkit";
export const fetchData = createAsy
浏览 102提问于2021-08-19得票数 1
期望：
使用react和redux过滤和查询一些数据。
我有三种方案：
具有搜索框中的值的url)Call 调用api (搜索框在其他路由中存在，为了获得在搜索中使用的值，我从 api中提取值，并从筛选按钮中提取值(，当onChange出现时，使用useState)Call api更改默认值)。
ex方法：
default()：调用默认api : https: api/cars&limit=10&offset=0searchByKeyword()：调用默认api ex: https: api/cars?keyword=vwbeetle&limit=10&
浏览 5提问于2022-08-19得票数 0
我在自己的本机应用程序中实现了redux，在单击按钮时，我在mapDispatchToProps中发送了方法，并直接调用API in action方法，并使用API响应更新了还原器中的存储，并从mapStateToProps.中的redux存储中检索数据。效果很好。
我们可以从任何类中的redux存储中检索数据，但是我们可以直接从类中更新或删除redux中的存储值，而无需在mapDispatchToProps中调度操作。
是否可以直接在我们的类或函数中操作和更新存储数据？
浏览 3提问于2020-01-10得票数 1
回答已采纳
1回答
我正在尝试创建一个简单的食品列表应用程序，我希望用户在文本输入(在输入屏幕中)中写下食物的名称，然后点击submit按钮，然后那些已经写好的名字被打印在另一个屏幕上(名为foodlist屏幕)，所有的状态都将通过redux工作。
我有两个问题：
1:提交按钮不起作用，这意味着当用户开始键入文本输入时，所有字母都会被打印出来，我希望当用户单击Submit按钮时发生
2:如果用户键入一个五个字母的单词，那么Redux就会在食品列表屏幕上打印五个项目(如在折叠图中所示)
我怎么才能解决这个问题？
这是还原器代码：
import {
ADDFOOD,
REMOVEF
浏览 2提问于2020-03-06得票数 2
回答已采纳
我正在写一个redux应用程序，我遇到了一个很小但很烦人的问题。为什么分离mapDispatchToProps和mapStateToProps方法的惯例是？为什么不只是有一个：
mapToProps = (state, dispatch) => {
...
}
浏览 1提问于2016-02-17得票数 5
回答已采纳
我试图了解如何将本机快速刷新与redux相结合。我克隆了以下项目：
当更改视图中的代码时，ViewNotes.js快速刷新可以正常工作。但是，当在还原器notesApp.js中更改代码时，快速刷新会重置redux状态。
我怎么才能防止这种情况？
是否有类似于react和redux的本机和redux教程？()
浏览 3提问于2020-06-10得票数 3
回答已采纳
1回答
更新redux状态外反应组件
、、、、
我有一个用于状态管理的redux配置的react项目。对于api调用，我使用一个名为axiosInstance的文件。在这个文件中，我需要访问redux存储(我可以访问导入存储并使用getState - store.getState())。现在的问题是，我还想从这个文件(axiosInstance)中更新redux状态。如何在有效的方法中从这个文件(它不是react组件)更新redux存储？
浏览 3提问于2022-07-30得票数 0
回答已采纳
我使用react、react-redux、react-router和react-loadable构建了一个PWA。我用Corona构建了一个应用程序，它使用webview指向PWA。原生应用程序让我可以访问PWA在iOS上所具有的功能。这很好用。但是，webview不支持服务工作者。因此，不会缓存任何内容，每次打开页面时，应用程序都会重新加载页面。
有没有办法使用react-redux来存储js/css包？
也许是另一种实现存储(全部或部分)的方法，以减少后续打开时的网络需求？
目前，我不打算缓存发生在数据库上的API调用，而是缓存呈现的实际组件(或加载来呈现组件的包)。
我想这不是一个新问题
浏览 1提问于2019-01-10得票数 0
在我的React/Redux/Firebase PWA中，我对React和寻找针对特定情况的最佳实践有些陌生。现在，我关心的部分基本上是Yelp API的包装器。
我有一个主要组件，当加载时查询Yelp API (在componentDidMount中)，基于在应用程序中其他地方收到的用户首选项。该组件还通过用户输入查询表单提交上的API。它遍历来自这两个组件的数据，并将属性传递给子组件。这个视图看起来像是从API接收到的所有业务的列表。下面是一个示例：
"businesses": [
{
"rating": 4,
"pr
浏览 41提问于2019-05-30得票数 1
回答已采纳
我意识到这个问题以前就有人问过，这个话题在Redux社区中已经被广泛讨论过了，但是我还没有看到从这个角度来处理这个问题：错误消息。
在大多数例子中，使用React + Redux +一些中间件(redux承诺和redux-thunk)，外部api调用是在动作创建者内部完成的。然后，API调用的结果会影响应用程序状态，并给出成功案例或错误案例。
我的反驳：
API调用结果中的主要感兴趣方是组件，特别是因为它必须经常向用户显示错误消息。错误消息最好设置为组件状态。在componentWillMount上更容易“清理”。无需创建操作，只需清除应用程序级别的错误状态。
所有API调用都应该从一个组件中
浏览 2提问于2016-05-06得票数 3
回答已采纳
我将所有状态保存在存储中，并使用redux-sagas处理所有异步操作。
因此，例如，如果我有一个整型字段，它的变化应该触发异步操作，我将TextInput值连接到存储中的实际值。一旦用户更改了值并离开了该字段，我就会发送一个操作。这将被一个调用API的saga拾取。但是如果失败了，我需要恢复之前的值。处理这个问题的好方法是什么？
目前我在动作中传递了新旧的值，这样传奇就可以添加一个新的动作来恢复它，但这感觉像是一个杂乱无章的东西。以前不是遇到过这种情况吗？
浏览 2提问于2017-08-06得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
