如何处理连接的react组件中的API错误？
处理连接的React组件中的API错误可以通过以下步骤进行：
- 错误处理：在连接的React组件中，可以使用try-catch语句块来捕获API调用可能抛出的错误。在try块中，调用API并处理返回的数据；在catch块中，捕获错误并进行相应的处理，例如显示错误信息或执行备用操作。
- 错误状态管理：在React组件中，可以使用状态管理库（如Redux）来管理API错误状态。当API调用发生错误时，可以将错误信息存储在状态中，并在组件中相应地显示或处理。
- 错误边界：React提供了错误边界（Error Boundary）的概念，可以将组件包裹在错误边界中，以捕获并处理组件树中发生的错误。通过创建一个错误边界组件，并使用其生命周期方法（如componentDidCatch）来捕获错误并进行处理。
- 错误提示：在连接的React组件中，可以使用合适的UI组件来显示API错误信息，例如使用弹出窗口、警告框或通知栏来展示错误消息。这样可以提醒用户发生了错误，并提供相应的解决方案或建议。
- 日志记录：在连接的React组件中，可以使用日志记录工具（如log4js）来记录API错误。通过将错误信息记录到日志文件中，可以帮助开发人员追踪和调试错误，并及时采取相应的措施。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云函数（云原生）：腾讯云函数是一种事件驱动的无服务器计算服务，可帮助您构建和运行无需管理服务器的应用程序。详情请参考：https://cloud.tencent.com/product/scf
- 腾讯云数据库（数据库）：腾讯云数据库是一种高性能、可扩展、高可用的云数据库服务，支持多种数据库引擎，如MySQL、Redis等。详情请参考：https://cloud.tencent.com/product/cdb
- 腾讯云CDN（网络通信）：腾讯云CDN是一种全球分布式加速服务，可提供快速、稳定的内容分发，加速网站、应用程序和媒体资源的访问。详情请参考：https://cloud.tencent.com/product/cdn
- 腾讯云安全产品（网络安全）：腾讯云提供多种网络安全产品，如Web应用防火墙（WAF）、DDoS防护等，可帮助保护您的应用程序和数据安全。详情请参考：https://cloud.tencent.com/solution/security
- 腾讯云音视频处理（音视频、多媒体处理）：腾讯云音视频处理是一种全球覆盖的音视频处理服务，可提供音视频转码、截图、水印、剪辑等功能。详情请参考：https://cloud.tencent.com/product/mps
- 腾讯云人工智能（人工智能）：腾讯云人工智能提供多种人工智能服务，如图像识别、语音识别、自然语言处理等，可帮助您构建智能化的应用程序。详情请参考：https://cloud.tencent.com/product/ai
- 腾讯云物联网（物联网）：腾讯云物联网是一种可靠、安全的物联网云服务，可帮助您连接、管理和控制物联网设备，并进行数据分析和应用开发。详情请参考：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动开发）：腾讯云移动开发提供多种移动开发服务，如移动推送、移动分析、移动测试等，可帮助您构建高质量的移动应用程序。详情请参考：https://cloud.tencent.com/product/mobdev
- 腾讯云对象存储（存储）：腾讯云对象存储是一种安全、可靠的云存储服务，可用于存储和管理各种类型的数据，如图片、视频、文档等。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云区块链（区块链）：腾讯云区块链是一种可扩展、安全的区块链云服务，可用于构建和部署区块链应用程序和解决方案。详情请参考：https://cloud.tencent.com/product/baas
- 腾讯云虚拟专用云（元宇宙）：腾讯云虚拟专用云是一种基于云计算和虚拟化技术的云服务，可提供虚拟化的计算、存储和网络资源，用于构建和管理虚拟化环境。详情请参考：https://cloud.tencent.com/product/vpc
相关·内容
我想在互联网没有连接的时候离线存储数据，在互联网连接后，它会通过api自动将数据更新到数据库中。对于这种情况，我如何使用react native、netinfo和redux-saga或任何其他解决方案来做到这一点？非常感谢
浏览 13提问于2021-03-29得票数 0
回答已采纳
我有子组件：
import * as React from "react";
import {Component} from "react";
import {connect} from "react-redux";
class Child extends Component<any, any> {
childFunction = () => {
console.log('childFunction');
};
render() {
return &l
浏览 16提问于2019-07-13得票数 0
当API服务器不可用时，我正在学习React，无法获得错误边界，无法捕获由axios http请求在子组件中引发的网络连接错误。
我可以看到，错误记录在子组件的catch处理程序中，但是ErrorBoundary组件没有捕获抛出语句。
有什么想法吗?如何获得错误边界，捕捉从componentDidMount生命周期方法抛出的错误？
父母- App.tsx
export class App extends React.Component<AppProps, {}> {
public render(): JSX.Element {
return (
<di
浏览 3提问于2019-10-07得票数 2
回答已采纳
1回答
我正在为一个web应用程序使用React，我已经开始了解Flux了。我喜欢单向数据流的概念，但我在理解如何连接到API时遇到了一些问题。
我有一个用辛纳特拉写的后端。我感到困惑的是，数据是如何从与组件的交互流到后端和后端的？数据库和Flux所称的商店是两种不同的东西吗？
我解释的方式是这样的：
用户与React =>交互
将数据发送到后端=>
后端使用新数据/成功/错误=>响应Action
Action向Dispatcher =>发送操作和响应
Dispatcher看到该操作并根据该操作调用回调，将后端响应=>传递给它
存储库使用后端响应=>更新自己
存储将
浏览 1提问于2015-02-11得票数 0
回答已采纳
1回答
我试图构建一个应用程序来帮助我学习反应。这是一个简单的应用程序，它将用户输入位置，从googles地理定位api中获取坐标，然后使用黑暗的skys api获取该位置的天气条件。
最初，我的所有应用程序逻辑都在一个容器中，您可以在这里看到
我想把我的逻辑分开一点，因为我觉得我的一个容器做了太多的事情。我希望我的应用程序结构如下。
App.js -持有状态，locationChangeHandler函数传递给LocationSearchContainer。
LocationSearchContainer -地理定位API并调用LocationSearch来显示搜索栏。
WeatherContain
浏览 1提问于2018-09-15得票数 0
回答已采纳
发布公告包括以下内容：
新特点：
* React.addons.batchedUpdates添加到API中，以连接到更新周期
但是，我找不到这个API的任何文档。它的目的是什么？
具体来说，它是否有类似于Ember.run()的可能性？
浏览 3提问于2014-11-16得票数 5
我有一个类扩展了react.component。另一个类从这个类扩展到一个redux存储。
import React from 'react'
class A extends React.Component{
constructor(props){super(props); ...}
...
}
import React from 'react'
import {connect} from 'react-redux'
@connect(store=>{...})
class B extends A{
constru
浏览 2提问于2017-05-16得票数 0
回答已采纳
我正在按照文档的与连接的帐户与付款。
下面的代码(来自文档)不能在React中使用，因为它在React中没有任何意义，并且会导致错误。
var stripe = Stripe('pk_test_YIQAQ7ERzdexV6HUXw4xOSQk', {
stripeAccount: "{{CONNECTED_STRIPE_ACCOUNT_ID}}"
})
我尝试使用this.props.stripe而不是stripe，但我一直收到相同的错误。
应该如何修改它以在React中工作，以及它应该放在哪里？
我的前端代码如下：
import React, { Comp
浏览 0提问于2019-12-11得票数 1
我正要用React-Redux开始一个项目。对于API引用，有Hooks和connect()。因此，Hooks是连接API的替代。使用钩子或连接到我的React-Redux项目有什么不同？
浏览 0提问于2019-09-20得票数 16
完整的错误消息：
不变违规:无法在“连接(组合)”的上下文或道具中找到“存储”。或者将根组件包装在一个，或者显式地传递"store“作为"Connect(Portfolio)”的支柱。
不知道为什么在我的Jest测试中会出现这个错误，因为我的应用程序正在工作，我可以通过调度操作来改变我的状态。
index.js
import React from 'react'
import ReactDOM from 'react-dom'
import { createStore, applyMiddleware, compose } from &#
浏览 3提问于2017-06-28得票数 9
回答已采纳
1回答
我正在为我的应用程序实现自动滚动选项。在下面的情况下，通道是从数据库获取的数据列表。我使用redux调用api。如何连接InfiniteScroll和通道列表以获得自动滚动功能？
import React, { Fragment } from "react";
import { Grid } from "@material-ui/core";
import ChannelCard from "./Card";
import CreateChannel from "./Create";
import SimpleSelect fr
浏览 9提问于2020-02-21得票数 0
回答已采纳
我在控制台上遇到了这个错误。我看了一下前面的问题，但没有多大帮助。有人知道我是怎么造成这个无限循环的吗？
“隐藏错误:太多的重呈现。React限制呈现的次数，以防止无限循环。”
import logo from './logo.svg';
import './App.css';
import Movie from './components/Movie'
import React, { useEffect, useState } from 'react';
const FEATURED_API = "https:
浏览 16提问于2022-06-24得票数 2
我意识到这个问题以前就有人问过，这个话题在Redux社区中已经被广泛讨论过了，但是我还没有看到从这个角度来处理这个问题：错误消息。
在大多数例子中，使用React + Redux +一些中间件(redux承诺和redux-thunk)，外部api调用是在动作创建者内部完成的。然后，API调用的结果会影响应用程序状态，并给出成功案例或错误案例。
我的反驳：
API调用结果中的主要感兴趣方是组件，特别是因为它必须经常向用户显示错误消息。错误消息最好设置为组件状态。在componentWillMount上更容易“清理”。无需创建操作，只需清除应用程序级别的错误状态。
所有API调用都应该从一个组件中
浏览 2提问于2016-05-06得票数 3
回答已采纳
1回答
我在本机反应中使用redux得到以下错误
不变违反:无法在“连接(Lista)”上下文中找到“存储”。或者将根组件包装到连接选项中，或者将自定义的React提供程序和相应的React使用者传递给connect选项中的Connect(Lista)。
我的代码如下
SettingStore
import {createStore, applyMiddleware} from 'redux';
import Reducers from './Reducer'
import thunk from 'redux-thunk'
export def
浏览 0提问于2019-04-24得票数 0
2回答
我用的是React和Redux。我有一个加载ChildComponent的组件，取决于Redux的状态也将加载MainComponent
const ChooseIndex = ({ appInitMount }) => {
return (
<>
<ChildComponent />
{!appInitMount && <MainComponent />}
</>
);
};
const mapSta
浏览 0提问于2018-10-25得票数 5
回答已采纳
1回答
我正在尝试进行一个非常简单的api调用，没有任何逻辑，我在控制台中得到一个名为‘all.Althoough’的难以辨认的对象(也不是预期的)，我不能在render()方法中返回任何东西，它抛出了一个typeError。我的代码： `Store:
import {observable, configure, action,flow, computed, decorate, set, runInAction} from 'mobx';
import {observer, inject} from 'mobx-react'
configure({enforce
浏览 15提问于2020-01-24得票数 0
1回答
如何等待react redux返回我的新连接组件？基本上，我有一个索引屏幕，在这里对数据库进行查询以保存客户端，该api调用的响应是我想要触发我的SAVE_CUSTOMERS操作并在视图中生成一个映射的参数。
这个错误是因为我想要做映射的对象还不存在，这就是为什么我伪造了等待哈希，以及它是否工作的原因。
我有几种方法可以强迫它工作，但我来这里是为了一个奇妙的解决方案
customers.js
import React from "react";
import bridge from "../../helpers/bridge/index";
import { s
浏览 4提问于2020-05-07得票数 0
我必须向Meteor应用程序(在烈焰组件中做出反应)添加一个react组件()，为了使其简单，组件是一个应该触发事件以将输入发送到另一个服务器的按钮。如果我试图从客户端进行http调用，但是我得到了跨源错误。因此，我需要从流星服务器调用API。
请求的流程应如下：
按钮单击->触发器模板事件-> Meteor.call('HTTPRequest'，POST，url，data)，在Meteor.call中保存->响应，然后发送到redux存储区
我遇到的问题是，我找不到从react应用程序触发事件的方法。
客户端:下面的文件是前端文件。
React应用程
浏览 1提问于2020-04-03得票数 1
回答已采纳
我一直在尝试制作一个reactjs网站，但它显示编译失败。我得到的错误很少，这些状态和函数都是未定义的，解决方案是什么？我粘贴了下面的代码。我的代码所做的是，输入标题和描述，然后当我单击保存按钮时，它将保存帖子。我尝试将snippetDescription绑定到保存函数，但一切都是未定义的。
import React, { Component, useState } from "react";
import { Link } from "react-router-dom";
import { Button } from "react-bootstrap&
浏览 4提问于2019-10-15得票数 1
我正在使用构建一个通用的react应用程序(它使用react-redux和react-router。通过查看上的示例，我可以理解connect用于将操作连接到组件。
export default connect(null, { addTodo })(NewTodo);
但是我不理解的是是如何连接的？
Redux应用程序中的reducers通常是如何连接的？
浏览 7提问于2016-07-26得票数 0
回答已采纳
1回答
连接反应本机表达
、、
我刚开始做反应-本地人。我用的是世博会和快递。我正在试图连接前面和后面的一个GET请求。我得到了一个：
‘RootErrorBondary’：错误边界应该实现getDerivedStateFromError()。
在该方法中，返回状态更新以显示错误消息或fallbackUI。
谢谢!
这是我的App.js
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import axios from 'react-native-axios';
浏览 3提问于2020-01-09得票数 0
新的反应/下一步，抱歉，如果这是显而易见的，我试着寻找并尝试解决类似的问题，但我认为我遗漏了一些东西或没有正确理解。我知道loadStats()被无限调用，因为它是在呈现函数中调用的，我只是不知道如何解决它.
我试过onClick={loadStats(stats.player).bind(stats.player)}它只是错误bind() is not a function..。这是组件。
import React, { useEffect, useState } from "react";
import Teams from "./Teams";
cons
浏览 4提问于2021-07-19得票数 1
回答已采纳
1回答
我正在尝试用jest-enzyme测试连接的组件(react-redux)。我正在使用react-redux-mock store。当我运行我的测试来查找组件中的一个div时，它给出了这个错误。 Invariant Violation: Passing redux store in props has been removed and does not do anything. To use a custom Redux store for specific components, create a custom React context with React.createContext
浏览 14提问于2019-01-07得票数 0
1回答
我试图在react应用程序中传递twilio中的DataTL.13。在web应用程序中，当我们连接到房间时，我们传递本地视频、音频和数据架，但我不知道如何在react原生应用程序中传递相同的DataT摩洛哥。我使用react本机- Twilio -webrtc包生成Twilio视频轨道，并在组间进行连接，但没有获得如何使用此pakage传递数据架，以及如何获取远程参与者数据存储架。我是新的反应-土生土长，所以如果有人可以帮助我，这将是非常有益的。谢谢
浏览 6提问于2022-08-16得票数 1
App.js：
import React, { Component } from 'react';
import {View,Text} from 'react-native';
import { createDrawerNavigator } from 'react-navigation-drawer';
import {createAppContainer} from 'react-navigation';
import Epics from './screens/tmp';
import Pager fro
浏览 2提问于2020-03-09得票数 0
回答已采纳
1回答
我的应用程序有一个用户输入一个查询来向Pokemon发出请求，并呈现响应数据。
如果用户输入数据库中不存在的查询，它将触发错误边界和Try Again按钮，通过重置查询状态从错误中恢复，并让用户重新提交不同的查询。这就是预期的行为。
但是，使用我当前的设置，当用户的查询没有任何匹配时，控制台将显示GET https://pokeapi.co/api/v2/pokemon/foo 404和Uncaught (in promise) Error: Request failed with status code 404。不过，用户没有看到此错误。没有什么可以告诉用户，他们的查询没有任何匹配。我的目标
浏览 6提问于2021-03-25得票数 1
回答已采纳
2回答
我正在尝试将我的新React应用程序配置为使用React的新特性。说
React现在提供了一组挂钩API，以替代现有的connect()高级组件。
我一直试图找到一些帮助文章与钩子API有关的一些实际例子，但所有的反应-redux应用程序使用的连接功能。官方文件也显示了非常基本的例子。
我想用useSelector (由Hooks提供)更改我的应用程序中的连接函数。
下面是我的应用程序中的一个示例代码片段。
//MessagesListContainer
export default connect(
// mapStateToProps
(state:State) =>
浏览 8提问于2020-03-31得票数 10
回答已采纳
3回答
我在我的项目中使用了react路由器-dom v6和mobex，当我使用它时会得到一个错误，如下所示。
main.tsx：
import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './app/layout/App'
import './app/layout/styles.css'
import 'semantic-ui-css/semantic.min.css'
import 'react-toas
浏览 16提问于2022-07-30得票数 2
回答已采纳
我想用高级图表从API中显示data，但仍然会出现错误，因为config在class app之外声明，而data在class app中获取。
如果使用静态data，它可以工作，下面是静态data 的示例。
import React, { Component } from 'react';
import { render } from 'react-dom';
import ReactHighstock from 'react-highcharts/ReactHighstock';
import './style.css';
co
浏览 1提问于2018-07-21得票数 1
回答已采纳
我正在我的代码中尝试React的上下文API。我尝试了下面的代码并得到了错误
ReferenceError:无法在初始化之前访问“MyContextApi”
Context.api.parent.js
import ContextChildOne from "./Context.api.childone";
import ContextChildTwo from "./Context.api.childtwo";
export const MyContextApi = React.createContext({});
class ContextParent
浏览 3提问于2021-09-07得票数 0
我正在构建一个ReactJS应用程序，它的内容将通过RESTful应用程序接口提供。
1.)当应用程序挂载时，我是否应该有一个API调用来指示应该加载哪些组件以及提供所有内容(顶部链接列表、侧边栏内容、页面内容等)。或者顶层链接组件是否应该对其需要的数据发出API请求，然后每个其他组件都对其所需的数据进行API调用？
2.)我知道React是表示层，所以当服务器需要根据用户身份验证等来隐藏/显示组件内容时，应该如何“告知”react应用程序要显示/隐藏什么。
浏览 0提问于2018-07-05得票数 1
2回答
使用酶测试redux连接组件时有问题
import React from 'react'
import { shallow, mount, render } from 'enzyme'
import { configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-15';
import Login from '../../src/routes/login/components/Login'
configure({ adapter:
浏览 2提问于2018-03-23得票数 6
1回答
我正在处理函数组件和类组件的混合。每次在NavBar中单击时，我都希望触发函数来验证表单，它有5个表单，因此每次我都必须在上下文API中设置一个新函数。
Context.js
import React, { createContext, useContext, useState } from "react";
const NavigationContext = createContext({});
const NavigationProvider = ({ children }) => {
const [valid, setValid] = useState(fa
浏览 1提问于2021-06-14得票数 0
2回答
问题陈述：
我正在尝试设置一个react组件，每当从选择框中选择一个值时，该组件就会发出API调用。我试图在useEffect钩子中实现这一点，但是我得到了基于钩子规则的错误，我们不能在回调中调用任何钩子。请您告诉我如何解决此问题，并对任何用户输入执行所需的API调用。
我正在查看可以帮助我防止此错误的指针，同时对后端进行API调用以获取记录。
这是我的代码：
组件
const component: React.FC<ComponentProps> = () => {
const { user } = useAppSelector((state) => state.
浏览 6提问于2022-05-02得票数 0
回答已采纳
我使用以下组件:Reactive16.5 redux v.6.0 ag-grid v.18.1
我使用cellRendererFramework在ag网格的一个单元格中显示自定义组件。但是，一旦我使这个自定义组件成为一个连接组件，
错误：
无法在“连接(TestComponent)”上下文中找到“存储”。或者将根组件包装在连接选项中，或者将自定义的React提供程序和相应的React使用者(TestComponent)传递给连接选项。
ag网格中的colDef如下所示：
{
field: "TestField",
headerName: "Test Fi
浏览 0提问于2019-02-22得票数 3
回答已采纳
我想通过单元测试来测试组件，我不知道如何将组件呈现给，它会出错。我只能使用"React-testing-library“
错误:无法在“连接(BaseSignUp)”上下文中找到“存储”。或者将根组件包装在连接选项中，或者将自定义的React提供程序和相应的React使用者(BaseSignUp)传递给连接选项。
浏览 3提问于2021-08-17得票数 2
我正在使用一个定制的React钩子，它使用@apollo/client库来调用GraphQL API。
import {useMutation} from '@apollo/client';
export const useCreateAccount() => {
...
const {loading, error, data} = useMutation(query, options);
...
return [loading ,data, error];
}
在我的组件中，我调用我的自定义钩子：
import {useCreateAccou
浏览 4提问于2022-09-13得票数 1
我正在运行客户端和服务器设置(react和axios api调用)，我想了解如何访问React Framework中我的子组件返回的数据。我有连接到http服务器的工作，但我缺乏与this.state或props工作的基础知识。 这实际上是我的app.js import React, { Component } from 'react';
import axios from 'axios';
import ChildComponent from "./components/childComponent"
class App extends C
浏览 22提问于2019-04-18得票数 2
回答已采纳
1回答
我是新的反应-管理和有问题的连接数据提供者(ra-数据-图形my简单)我的GraphQL API。在页面底部的一个红色小框中，我得到了以下错误：
无法读取null属性(读取“计数”)
在的dev tools中，我确实看到返回了正确的结果，但是total是空的：
我就是这样连接Admin、Resource和buildGraphQLProvider的
const App = () => {
const [dataProvider, setDataProvider] = React.useState(null);
React.useEffect(() =>
浏览 3提问于2022-06-02得票数 0
我有这个代码，它为我的API返回一个thunk
import { SUBSCRIBE_REQUEST, SUBSCRIBE_SUCCESS, SUBSCRIBE_FAILURE } from '../../constants'
export function subscribeUser (data) {
return (dispatch, getState, { axios }) => {
dispatch({ type: SUBSCRIBE_REQUEST })
return axios.get(`some/api/call`, data)
浏览 1提问于2016-10-06得票数 0
1回答
我是react的初学者。当我制作自己的youtube应用程序时，我想把YTSearchbar term连接到我应用程序上的搜索栏。
这里
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import SearchBar from './components/SearchBar';
import YTSearch from 'youtube-api-search';
import VideoList from './com
浏览 0提问于2018-10-10得票数 0
我尝试使用令牌从API中获取数组数据，问题是我无法呈现/绑定到显示，每次调试都会显示这样的错误消息。请指导我，我的新反应，这是我的第一个应用。如何将数组绑定到myadapater？
这里我的代码：
import React, { Component } from "react";
import ReactDOM from "react-dom";
const url = " "; //api customer
const token = " "; //token
class Client extends Component {
浏览 3提问于2021-02-11得票数 1
我将React与semantic-ui-react库一起使用。问题是，当我使用semantic-ui调光器并尝试将其中的一个组件连接到redux时，我得到了错误：Uncaught Invariant Violation: Could not find "store" in the context of "Connect(myComp)"。我设法克服了这个错误，将内部组件包装在Provider中，如下所示： import { Dimmer } from 'semantic-ui-react'
import { Provider } from &#
浏览 16提问于2019-07-03得票数 0
回答已采纳
我正在尝试处理所有包含在数组中的API。我使用promise all获取数据，最终获得了我想要的数据。但是，我在从Promise.all函数中将结果存储到新的数组或对象中时遇到了问题。如何在React中的无状态组件上存储来自API的数据。因此，这种方法的期望值我可以称之为{dataJSON.title}
import React from 'react'
const ApiComponent = (props) => {
// props.film content
//["https://swapi.co/api/films/2/",
浏览 6提问于2018-09-05得票数 0
我刚开始反应，我想弄清楚如何在我的课堂上只打一个Api电话，我本可以在这里使用useEffect，但我想在课堂上学习如何做到这一点。在使用Spotify API时，我发现了一个按钮<SpotifyLogin />，它自动处理到API的连接并返回access_token。在此之后，也就是之后，我想提出API请求。但是当它进入函数内部时，它在里面循环了十年。然后，由于堆栈人员，我尝试在请求中使用async/await，但是出现了新的错误
未明错误:对象作为React子对象无效(找到:对象承诺)。如果您打算呈现一个子集合，请使用数组代替。
为了进一步解释，该项目是一个带有许多API的仪
浏览 2提问于2020-11-14得票数 0
4回答
我正在考虑使用react、useContext和context api来代替redux。话虽如此，我还是希望我的状态在结构上有点复杂。让我们看看这个结构是
state = {
key1: true,
key2: {
key3: [],
key4: ''
}
}
我明白的是redux和context api都允许我创建复杂的结构。在使用react的情况下，我可以很好地使用Provider，Consumer/useContext将我的存储状态值传递给我的所有组件。
Redux给我的更多信息是，如果有任何特定的键(比如key4
浏览 0提问于2021-02-03得票数 3
回答已采纳
我是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
2回答
我目前正在为一个未来的项目尝试React，并试图让自己加快速度。
请容忍我，由于某些情况，我有两年没有编写代码，所以我非常生疏。
无论如何，我需要使用React来正确获取一些任务的相关数据，但是无论我怎么尝试，它都不起作用。我有一个函数，写成
getDataFromDb = () => {
fetch("http://127.0.0.1:8080/api/getTask")
.then(response => response.json())
.then(data => this.setState({ tasks: data.tasks, isLo
浏览 0提问于2019-03-31得票数 0
对于在onUploadProgress回调中获得axios的进度值“onUploadProgress”比较陌生，
我有两个文件，一个用于api调用，一个用于我的react组件：
以下是我的api.js示例
function uploadImage(file) {
return axios.post('/api/media_objects', file, {
onUploadProgress: progressEvent => {
let percentComplete = progressEvent.
浏览 2提问于2020-11-04得票数 1
回答已采纳
3回答
我正在尝试让React从一个从dialog.json文件映射的按钮组件中获取id。在浏览器中检查时，按钮标记中的id是正确的。但我不确定如何抓住它onClick。
(在id被抓取onClick之后，它将更新状态，并从下一个dialog.json中显示文本和按钮)
import React, { Component } from 'react';
import API from '../../utils/API';
import './style.css';
import dialog from './dialog.json';
i
浏览 41提问于2019-11-14得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
