如何在使用useEffect (React JS)加载时获取数据，然后异步执行其他任务
在使用React JS中的useEffect函数加载数据并异步执行其他任务的过程中，可以采取以下步骤：
- 导入React和useEffect函数：
import React, { useEffect } from 'react';- 在函数组件内部使用useEffect钩子函数：
function MyComponent() {
useEffect(() => {
// 在这里进行数据获取和其他异步任务的执行
}, []);
// 其他组件代码
}- 在useEffect的回调函数中获取数据：
function MyComponent() {
useEffect(() => {
const fetchData = async () => {
try {
// 发起数据获取请求
const response = await fetch('https://api.example.com/data');
const data = await response.json();
// 对获取的数据进行处理
// ...
// 执行其他异步任务
// ...
} catch (error) {
// 处理错误情况
// ...
}
};
fetchData();
}, []);
// 其他组件代码
}- 根据需要，可以传入一个依赖数组作为useEffect的第二个参数，用于指定在特定依赖项发生变化时才重新执行useEffect的回调函数。例如，如果需要根据props变化重新获取数据，可以将props添加到依赖数组中：
function MyComponent(props) {
useEffect(() => {
const fetchData = async () => {
// ...
};
fetchData();
}, [props]);
// 其他组件代码
}对于React JS中使用useEffect加载数据并异步执行其他任务的方法，可以借助腾讯云的云函数、云数据库等产品来实现更高效的数据处理和存储。具体推荐的腾讯云产品和产品介绍链接如下：
- 云函数：腾讯云云函数（SCF）是一种事件驱动的无服务器计算服务，能够帮助开发者减少服务器运维压力，提高开发效率。了解更多信息，请查看腾讯云云函数产品介绍。
- 云数据库：腾讯云数据库（TencentDB）是一种高性能、可扩展、高可用的云数据库服务，支持主流数据库引擎，提供了丰富的功能和工具。了解更多信息，请查看腾讯云数据库产品介绍。
注意：本答案仅提供了在React JS中使用useEffect加载数据并异步执行其他任务的基本步骤和腾讯云相关产品介绍，对于更具体的业务场景和需求，还需要根据实际情况进行进一步的调整和定制化开发。
相关·内容
我希望在放置在useEffect标记中的render函数开始呈现之前先运行<Route/>。我希望通过API获得当前可用的用户详细信息，并指定它们来呈现函数。
但呈现函数在useEffect从API检索数据之前运行。所以帮我找到解决办法。
import React, { useEffect, useState } from "react";
import { Route, Redirect } from "react-router-dom";
import { getUser, setUser } from "../redux/userSli
浏览 3提问于2022-07-14得票数 0
2回答
在我的React组件中，useEffect()内部有一个奇怪的问题。当页面加载时，我必须发出两个单独的axios请求来获取数据。在将数据对象传递给JSX之前，我试图使用一个钩子变量来查看数据对象是否被填充。下面是我的当前配置：
import React, { useState, useEffect } from 'react';
import Navbar from '../components/layout/Navbar';
import ContactsCard from '../components/layout/ContactsCard'
浏览 0提问于2021-08-07得票数 0
回答已采纳
我可以在React视图的useEffect()中调用React项目中路径为/public/assets/js的变量吗？ 例如，我可以像下面这样使用jsVal吗？ useEffect(() => {
const existingScript = jsVal.getSum();
...
} 我感到好奇的原因是，当用React制作的屏幕用chrome打开时，在开发人员工具的控制台选项卡中，jsVal不是'jsVal is not defined‘。 然而，在useEffect中，jsVal显示为“找不到名字”，所以我留下了一个问题。 添加定义jsVal的位置为/publi
浏览 62提问于2021-09-13得票数 0
回答已采纳
2回答
我在包装器组件的useEffect中使用了axios，并将数据作为道具发送到另一个组件" singleQuestionnaire "，在singleQuestionnaire组件中，我对数据进行了解构，在第一次尝试中，它工作得很好，但在重新加载页面后，它不能工作，并出现错误:无法读取属性"map“的未定义
import React, { useEffect, useState } from "react";
import SingleQuestionnaire from "./SingleQuestionnaire";
import {
浏览 4提问于2021-10-15得票数 0
2回答
我的应用程序运行良好，然后我更新了它以响应18，现在，当我从一个路由导航到另一个路由时，如果当前路由使用useEffect在加载时调用一些API，那么它就会抛出“破坏不是一个函数”。我在网上搜索过这方面的内容，但每个问题都不是关于这个问题的。也许反应18是新的，这就是为什么我找不到解决办法。尽管当我重新加载相同的页面时，它的加载非常完美。我只是在应用程序崩溃时导航。如果我评论useEffect，一切都很好
这是我的useEffect代码
//on mount useEffect
useEffect(async () => {
getCases()
}, []);
/
浏览 22提问于2022-04-06得票数 4
回答已采纳
我正在尝试使用React-Leaflet，以便仅在搜索栏中给定的位置周围显示标记。自然，每当地图加载时，我的数据库中的每个标记都会显示在整个地图上，而不仅仅是靠近给定位置的标记。
我确实尝试过使用边界和boundsOptions，认为它可以解决我的问题，但我只得到了一个错误，说有“太多的递归”。
下面是我使用的代码：
import React, { useState, useEffect, useContext } from 'react';
import MapsAPI from "../services/mapsAPI";
import { Map, Mar
浏览 2提问于2020-07-03得票数 0
我试图使一个受保护的网页(需要登录访问)在一个反应网络应用程序。
App.js
<Route exact path="/restricted-zone" element={
<ProtectedRoute>
<RestrictedZone />
</ProtectedRoute>
} />
ProtectedRoute.js
import React from "react";
import { UserAuth } from "../context/AuthContext"
co
浏览 6提问于2022-07-30得票数 0
2回答
我想用.toLocalString()修改道具接收的内容，但是控制台返回一个错误：
TypeError:用例未定义测试组件中的ligne : const = cases.toLocalString()
然而，如果我直接渲染道具没有修改，它的工作，所以道具不是未定义的。
这是父组件：
import React, { useEffect, useState } from "react";
export default function App() {
const [globalStats, setGlobalStats] = useState({})
const ge
浏览 1提问于2020-04-14得票数 1
回答已采纳
2回答
你好，我的代码如下所示，试着用react 18来悬念，但是没有运气来渲染加载.
User.jsx
import React, { useEffect, useState } from "react";
export const User = () => {
const [user, setuser] = useState(null);
useEffect(() => {
const res = fetch("https://jsonplaceholder.typicode.com/todos/1")
.then((
浏览 15提问于2022-04-18得票数 4
回答已采纳
1回答
在这里，我使用了react-router并对多个路由使用了条件。我使用上下文来存储我的状态。我想在加载App.js之前将数据从localStorage加载到状态，因为它会告诉我应该导航到哪些路由。 userContext.js import React, { useState, createContext, useEffect } from "react";
export const userContext = createContext();
export const UserProvider = (props) => {
const [user, set
浏览 19提问于2021-11-16得票数 0
回答已采纳
我很难从一个小型的fetch()应用程序中调用React。
我的想法是
有一个class (这样我就可以重用它)，调用fetch，通过从服务器获取数据从json-data中获取json-data。
class看起来像：
import React from 'react';
class GetJsonData extends React.Component {
constructor(props) {
super(props);
this.state = {
id: this.props.id,
content: this.props.content
浏览 4提问于2022-08-07得票数 0
4回答
我有一个被定义为'HeaderContext‘的上下文--我知道它正确地获取数据，因为我可以在console.log(headerData.Menu.PageUrl)行中看到数据。
但是，我只看到当我取消注释并在页面加载后保存文件时，所以我怀疑问题是，当页面第一次加载时，数据是不可维护的。-这是我的第一个反应项目，所以我想我忽略了react在这里所做的一些基本的事情。
到目前为止，我的代码如下：
function Header() {
const [headerData] = useContext(HeaderContext)
console.log("heder data
浏览 6提问于2022-02-19得票数 2
回答已采纳
我的react应用程序中有下一个组件：
import React, { useEffect, useState } from "react";
import AsyncSelect from "react-select/async";
import { ColourOption, colourOptions } from "./docs/data";
const App = () => {
const [state, setState] = useState([]);
useEffect(() => {
set
浏览 9提问于2021-12-14得票数 0
我试图设置我的反应应用程序的背景，美国宇航局APOD (天文图片的一天)。这是我的代码：
import './App.css';
import React, { useState, useEffect } from "react";
const apiKey = process.env.REACT_APP_NASA_KEY;
function App() {
const [bg, setBg] = useState(null);
async function fetchPhoto() {
const dat = await fetch(`h
浏览 3提问于2022-03-06得票数 2
回答已采纳
我没有得到它--任何人都不能告诉我我的error.and是什么，我也没有在控制台错误中得到它的控制台(Respond-dom.Development.js:13231未登录错误:对象作为一个React子对象是无效的(found: object HTMLDivElement)。如果您打算呈现一个子集合，请使用数组。)
这是我的app.js组件
import { commerce } from './lib/commerce';
import { useState,useEffect } from 'react';
import './App.css'
浏览 2提问于2022-02-14得票数 0
回答已采纳
我在useEffect函数中的useState状态不是最新的。在我通过useEffect中的setState修改了我的旧状态后，它会记录我的旧状态。我知道我可以使用useRef并将其传递给useState，但它在setTimeout等内部不起作用。示例如下(查看hook.js文件和console.logs)：https://codesandbox.io/s/prod-wildflower-qbwxt import React, { useEffect, useState } from "react";
import "./styles.css";
import
浏览 24提问于2020-04-03得票数 0
Movie.js
这是我的反应组件抛出错误的map属性无法读取。这只是在我刷新页面时发生的，意思是最初的呈现，但是当我注释和取消注释映射函数时，它得到了正确的结果并将数据呈现给DOM，如果刷新页面显示了错误，我认为在获得数据之前我认为我的DOM呈现是错误的。也使用了axios，但结果是相同的。从四天开始我一直在挣扎。谢谢
import React,{useState, useEffect} from "react";
// import axios from "axios";
// import Datacard from './Datacard
浏览 4提问于2021-04-07得票数 0
回答已采纳
我有一个用最小模板构建的React应用程序，我试图跟随他们的一个教程，以便创建一个Redux切片，将一些数据提供给一个自定义组件。数据本身是从Firebase收集的。下面是我的代码：
firebase.js - helper
export function getDocuments(col) {
const colRef = collection(db, col);
const q = query(colRef, where('uid', '==', auth.currentUser.uid));
getDocs(q).then((sn
浏览 2提问于2022-05-06得票数 1
回答已采纳
2回答
我带了两样东西。一个项目按id，然后项目注释按项目id。当npm启动时，我得到
TypeError: data.comments is undefined
但如果我对此发表评论
<Comment data={itemComments} />
然后运行npm，项目数据加载，如果在条目数据已经加载后取消注释标记显示，直到我再次刷新或重新加载，只有当我尝试同时加载它们时，我才会得到错误。
Item.js
import React, { useEffect, useState } from "react";
import Comment from "./Commen
浏览 3提问于2021-02-06得票数 0
回答已采纳
3回答
我是Node.js的新手，我在理解它的逻辑上遇到了一些困难。我创建了一个包含几个选择元素的页面。每个选择的选项都是通过axios从服务器加载的。然后用户选择选项并按Save按钮保存它们，通过axios请求发送到服务器。守则是：
export default function AddVault(props) {
const [inputs, setInputs] = useState({
wallet: "",
blockchain: "",
platform: "",
});
const [blockc
浏览 1提问于2022-06-04得票数 0
我是第一次接触React Hooks和使用react 16.13.1。 我将实现Auth组件，它可以处理登录。 但是，即使使用response Object调用setCurrentUser，它似乎也没有正确更新状态currentUser。 这段代码有什么问题？ import React, { useState, useEffect } from "react";
import { Route, Redirect } from "react-router-dom";
import { checkLoggedIn } from "utils/Api"
浏览 119提问于2020-10-04得票数 3
1回答
我对ReactJ、JS和基本上所有的web开发都很陌生。我试图创建一个使用ReactJS的单一页面组合网站，并想尝试一些更先进的技术，如使用钩子。我想创造一个简单的效果，动画播放一次(当用户第一次登录到我的网站)，然后他们被带到主网站。我在网上找到的所有资源都与从API获取数据时加载屏幕有关。以下是加载屏幕的代码：
import Typical from 'react-typical';
import "./Loading.scss";
import {useState, useEffect} from 'react';
const Loadi
浏览 1提问于2021-11-24得票数 0
回答已采纳
在使用FlatList钩子获取数据时，我会在useEffect中得到警告。
这是再现问题的完整组成部分：
import React, { useState, useEffect } from "react";
import {
Text,
View,
FlatList,
ActivityIndicator,
SafeAreaView,
Button
} from "react-native";
const Test = props => {
const [people, setPeople] = useState([]);
浏览 1提问于2020-01-11得票数 1
1回答
我有一个加载用户数据的用户上下文。我使用这些数据在useEffect中发送API请求。数据加载中的时间差导致API请求中出现一个未定义的变量。如何让useEffect在发送请求之前等待加载上下文变量？
这是UserContext.js：
import { createContext, useState } from "react";
const UserContext = createContext({});
export const UserProvider = ({ children }) => {
const [user, setUser] = useSta
浏览 10提问于2022-08-24得票数 -1
1回答
我有一些用Typescript编写的React Redux代码，当组件挂载时，它会从我的服务器加载一些数据。该代码如下所示：
import { useEffect } from 'react';
import { useDispatch } from 'react-redux';
import { MyAction } from 'my/types/MyAction';
export const useDispatchOnMount = (action: MyAction) => {
const dispatch = useDis
浏览 3提问于2020-08-12得票数 1
2回答
在React中，我们在重新加载页面时使用useEffect来获取数据： useEffect(() => {
let ignore = false
const fetchingData = async () => {
const res = await fetch(<your_path>)
const data = await res.json()
if (!ignore) setData(data)
};
fetchingData()
return () => { ignore = true }
}, []) 但是我
浏览 39提问于2019-10-14得票数 4
回答已采纳
我是JS的新手。实质上，这个问题的要点是：
我有一个MySQL数据库，通过Axios加载表数据。
我的web应用程序中有CRUD操作，每当提出请求时都会更新我的数据库。
所有的函数都可以工作，更改会在后端得到反映，但除非我做了硬窗口重新加载，否则不能在Datagrid上运行。
我希望有一个刷新按钮，当单击该按钮时，它将从我的数据库中获得新的数据，而不需要硬重新加载。
我知道，通过setState变量和useEffect的组合，这可能是可能的，但到目前为止，我整个周末的尝试都失败了。知道怎么把它们整合在一起吗？
data.js
import axi
浏览 7提问于2022-04-11得票数 0
关于丹·艾布拉莫夫在这里的回答，我发现如下：
目前( rare 16及更早版本)，默认情况下，仅在React事件处理程序中进行批处理。有一个不稳定的API来强制在事件处理程序之外批处理，如果您需要它的话。
他还提到，在这个吉特卜问题上：
在当前发行版中，如果您在React事件处理程序中，将被批量处理，将批处理在React事件处理程序期间完成的所有setStates，并在退出自己的浏览器事件处理程序之前应用它们。
但事实是，这个片段似乎证明了为useEffect() 中的多个setState调用更新是批处理的。
问题
对于setState()内部的多个useEffect调用，
浏览 0提问于2019-07-04得票数 19
回答已采纳
我正在使用fetch从github的api中获取数据，并希望使用文档标题中的结果，最初这种方法正在开发中，但是在手动页面重新加载时，我得到了一个错误。如何正确地将data.name插入文档标题？
react-refresh-runtime.development.js:315 Uncaught TypeError: Cannot read properties of null (reading 'name')
useEffect( () => {
if ( !login ) return;
setLoading( true );
fetch( `
浏览 6提问于2022-06-07得票数 1
回答已采纳
1回答
我正在使用带有钩子的react-native，并且每次用户打开我的react-native屏幕时，我都会尝试从AsyncStorage加载一个JSON。这个JSON包含关于我的状态应该设置为什么的信息。 如何调用每次打开此屏幕时都会运行的函数？ 我知道如果没有钩子，这应该用useEffect来完成，但是当我把我的api调用放在那里时，它就会出错。 这是我的代码 useEffect(() => {
const getKind = () => {
ForceApi.post(`/GetKindPensionController.php`)
.then(res =&
浏览 13提问于2020-01-11得票数 2
回答已采纳
我试图从API中获取数据，然后从另一个钩子组件中使用它。
但我有个错误
这是我的App.js
import React, {useEffect, useState} from 'react';
import {BrowserRouter as Router, Link} from 'react-router-dom';
import MainRouter from "./core/MainRouter";
import {MovieProvider} from "./context/MovieContext";
import a
浏览 2提问于2020-04-26得票数 0
回答已采纳
2回答
我创建了一个自定义React钩子来返回一个函数，返回的函数接受一个config对象并进行Axios调用，自定义钩子有三个状态--加载、错误和数据，这些状态也是从自定义钩子返回的。有关代码，请参见此
所以钩子正在做它应该做的事情，我可以很好地记录数据，视图是用数据更新的，但我的问题是在app.js中，我正在处理一个按钮上的api调用，单击数据在第一次单击处理程序函数中是不可用的，但是如果我第二次单击数据(参见app.js第16行的if语句)，理想情况下，我希望对数据执行一些操作，比如分派一个操作来更新redux状态。根据我的理解，自定义钩子中的useState是异步的，需要重新呈现才能获得数据，
浏览 13提问于2022-08-21得票数 1
回答已采纳
我想在静态的window.location.host网站上返回{ next.js }
我设法记录了这个值，但是我不知道如何返回它。
import React from "react";
import { useEffect } from "react";
export default function Test() {
useEffect(() => {
console.log(window.location.host);
}, []);
return <h1>{window.location.host}</h1&
浏览 7提问于2022-04-22得票数 0
回答已采纳
1回答
我试图动态地更改新组件屏幕的标题标题，但得到了以下错误：
TypeError: TypeError: undefined is not an object (evaluating 'navigationData.navigation.getParam')
* screens\CategoryMealsScreen.js:26:42 in navigationOptions
* screens\CategoryMealsScreen.js:10:40 in CategoryMealsScreen
- node_modules\react-native\Libraries\Rend
浏览 1提问于2020-01-31得票数 1
回答已采纳
我在LocalStorage的react.js上有个bug。我试着做一件事，但它不加载。这是代码：
import React, { useState, useRef, useEffect } from 'react';
import './App.css';
import TodoList from './TodoList';
const { v4: uuidv4 } = require('uuid');
const LOCAL_STORAGE_KEY = 'todoApp.todos'
function Ap
浏览 30提问于2022-06-04得票数 1
回答已采纳
2回答
我有一个应用程序组件和BookList组件，这是在应用程序中呈现。当我将异步添加到我的BookList组件时，我得到以下错误：
Error: Objects are not valid as a React child (found: [object Promise]). If you meant to render a collection of children, use an array instead.
in BookList (at App.js:18)
in div (at App.js:16)
in ApolloProvider (at App.js:15
浏览 18提问于2020-05-18得票数 2
回答已采纳
2回答
我有一个基于Django+Rest+React的简单便笺应用程序。它包含便笺页(NotesListPage.js)和备注页(NotePage.js)的列表。备注列表页面包含简短的预览、标题和便笺页的链接。除了整个内容之外，NotePage还包含删除和更新功能。它可以工作，但有时(~50%)要查看NotesListPage上的更新，需要进行硬刷新或退一步到NotePage，然后再回到备注列表中。
当我查看控制台中函数的执行顺序时，一切都按照正确的顺序进行。首先，更新便笺，然后重新加载数据。
怎么解决这个问题呢？
NotesListPage.js
import ListItem from '
浏览 11提问于2022-12-02得票数 1
2回答
我在App.js文件中使用了一个App.js钩子。它将数据放入我需要在应用程序中使用的redux存储中。但是它在useEffect运行之前呈现，因此数据是未定义的。然后，useEffect将正确运行。在呈现任何内容之前，我需要运行useEffect。我怎么能这么做？或者我应该使用什么其他解决方案？我尝试完全删除useEffect，只运行操作，但这导致它无休止地运行。这是我的密码：
function App() {
const app = useSelector(state => state.app);
const auth = useSelector(state => st
浏览 0提问于2020-09-19得票数 4
回答已采纳
我正在尝试从我的服务器获取数据，我已经使用Postman测试了数据获取，一切正常。我还仔细检查了我的API路径是否错误，也不是问题。 我把useEffect改成了useLayoutEffect，也不走运。我在useEffect钩子之外创建了一个单独的函数，同样不起作用。我在每一行上创建了console.log("I was here")，其中每个日志都在fetchProduct函数中成功地打印出来。 现在我被卡住了。我怀疑效果在承诺回来之前就结束了。提前谢谢你。 ProductDetail组件 import React, { useEffect, useState } fro
浏览 21提问于2021-01-30得票数 2
回答已采纳
我正在做一个股票组合项目使用盖茨比和股票市场API。当前，当您按一个代码号进行搜索时，它会返回一个表中的代码--代码、市值和先前的关闭。当您单击返回的滴答符号时，它会将您带到另一页。在下一页中，我希望访问相同的API搜索，以显示股票的更多细节。
昨晚我在StackOverflow上被告知，我可以通过链接发送API数据，但是在查看了一些文档之后，我不知道如何具体实现我所描述的内容。
我不介意将details.js转换为类组件，我之前尝试过这样做，并设置了状态，但我只是遇到了大量不同的错误。
index.js
import React from "react"
import { L
浏览 0提问于2020-06-17得票数 0
回答已采纳
我要做的是使用Axios ()方法更新数据。到目前为止，我所做的是使用<Link></Link>从react-router-dom引导用户到编辑组件。在编辑组件中，我使用Axios ()方法获取客户端数据。
完成此操作后，此错误将显示在我的控制台中：index.js:1 Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix,
浏览 2提问于2022-03-16得票数 0
问题
当页面加载时，我试图从消防局接收来自集合的文档。
尽管运行查询时没有错误(加载了两次)，但返回时没有结果。当我通过点击更改状态的页面按钮来回忆查询时，它就会得到结果。
问题
这是不允许防火墙初始化的问题吗？如何使查询在页面加载时工作，以便它可以使用数据库中的信息进行呈现？
关于我的代码
我有firebase.js，它存放了所有的数据库代码。
我有一个仪表板，它调用查询并将结果设置为状态，然后将它们传递给子组件来呈现。当页面加载时，我没有得到任何结果，尽管我调用它的次数。只有当我给它一些时间并回忆起它，我才会得到结果。
firebase.js
import { initializeApp
浏览 0提问于2022-03-29得票数 1
在我的应用程序中，有一个第一次使用该应用程序的上机屏幕。当用户跳过它时，它会在AsyncStorage中保存一个值为“true”的变量，这意味着用户已经看到了Onboarding。
在App.js中，我调用一个useEffect钩子来验证变量的值。因为变量等于“true”，所以它应该导航到主屏幕。问题是，useEffect不够快，无法按时获得变量，而且它总是会进入条件的“否则”部分。在进入任何屏幕之前，我如何以一种使useEffect能够很好地加载的方式编写代码呢？
export default function App() {
const [boarding, setBoarding]
浏览 2提问于2021-10-07得票数 1
回答已采纳
// Home.js
import React, { useState, useEffect } from "react";
import Todo from "../components/Todo";
import { firestore } from "../database/firebase";
export default function Home() {
const [todos, setTodos] = useState([]);
useEffect(() => {
firestore
.co
浏览 25提问于2020-03-27得票数 1
回答已采纳
2回答
在一个使用钩子设计的React中。我不认为需要中间件，或者我是不是遗漏了什么？
Redux-thunk逼近
const Component = () => {
const dispatch = useDispatch()
const user = useSelector(state => state.user)
useEffect(() => {
dispatch(getUserFromApiAndDispatch())
}, [])
return <div>{user}</div>
}
或者只是简单的
const Component = (
浏览 5提问于2021-11-27得票数 0
回答已采纳
2回答
ProductTable.js
从“react”导入React，{ useEffect，useState }；
function ProductTable() {
useEffect(() => {
fetchData();
}
const fetchData = () => {
axios
.get("http://localhost:4000/api/products/product/viewAllProduct")
.then((res) => {
const getData = res.d
浏览 7提问于2022-11-08得票数 0
我正在尝试使用后端对REST API的API调用产生的数据来更新React应用程序的上下文。问题是我不能同步函数。
我已经尝试了这篇博客文章中建议的这个解决方案，但它对我的情况不起作用。
下面是textContext.js的代码
import React, {useEffect, useState} from "react";
import axios from "axios";
var text = "Test";
fetch(process.env.REACT_APP_TEXT_API)
.then(res => res.j
浏览 2提问于2019-09-12得票数 12
回答已采纳
我试图将一个函数从文件(..src/ api /index.js)中获取数据到我的App.js (..src/App.js)。
. .src/api/index.js
import axios from 'axios';
const url = 'https://covid19.mathdro.id/api';
export const fetchData = async () => {
try {
const res = await axios.get(url);
return res;
} cat
浏览 2提问于2020-08-09得票数 0
我有一个带有父组件app.js和子组件homepage.js的react应用程序。 因此，当我刷新来自homepage.js的页面useEffect挂钩时，首先运行，然后运行app.js useEffect，但是我有一些依赖于app.js useEffect的功能，我希望在页面刷新和app.js中的useEffect之后自动运行这些代码。
浏览 24提问于2021-11-20得票数 0
我对React Context还是个新手。我需要在react上下文中调用API，以便在整个react应用程序中使用它的数据。此外，在react应用程序的各个组件上的某些CRUD操作上也需要调用相同的API。 现在，我将API数据存储在redux中，我不想存储它。 这是我尝试过的方法.. context.js文件 import React, { useState, createContext,useEffect } from 'react';
import {getData} from './actionMethods';
const NewContext
浏览 27提问于2019-12-17得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
