如何使用React Hooks和Context API正确地将来自useEffect内部调用的多个端点的数据添加到状态对象？

文章/答案/技术大牛

发布

1回答

reactjs、firebase、react-hooks、react-context、use-effect

我在fetchData函数内部调用firestore，然后将接收到的数据添加到状态对象中，但问题是全局状态被console.log输出中的最后一个api调用所覆盖： ? 下面是我的代码： import React, { useState, useEffect } from 'react'

浏览 11提问于2019-12-12得票数 2

回答已采纳

2回答

我无法使用Axios + React从API收集数据

reactjs、axios、use-effect

我是React的初学者。我有两种不同的使用React Hooks的情况，我无法正确地从本地API接收数据。test一起工作，正确地显示来自API的内容，但我不知道Axios为什么/如何继续调用API无限。为了解决这个问题，我尝试像这样使用useEffect<

浏览 16提问于2019-10-10得票数 0

回答已采纳

1回答

如何正确地使用useEffect进行异步获取调用？反应-钩子/穷尽-行动

javascript、reactjs、typescript、react-hooks、use-effect

嗨，我正面临着useEffect钩子在反应中的问题。下面的代码的工作原理是应该的，但是es建议我需要从useEffect提供依赖项数组中的依赖项。使用// eslint-disable-next-line react-hooks/exhaustive-deps的工作代码 if (users.len

浏览 5提问于2020-06-20得票数 3

回答已采纳

6回答

在HoC中使用时警告

reactjs、eslint、react-hooks

我已经创建了一个高阶组件，它应该为我的组件添加一些额外的功能。然而，当我在这个组件中使用react时，我会得到下面的eslint警告。React "React.useEffect“不能在回调中调用。必须在React函数组件或自定义React函数中调用。(反应钩/钩规则) 我为什么要收到这个警告？在HoC中使用钩子被认为是不好的做法吗？最起

浏览 7提问于2019-05-24得票数 20

回答已采纳

3回答

反应钩的麻烦，我打破了钩子规则吗？

javascript、reactjs、react-hooks

钩子只能在函数组件的主体内调用。 const Navbar = () => { function Heade

浏览 4提问于2020-04-20得票数 0

回答已采纳

2回答

React Hook useEffect缺少依赖项：“execute”

reactjs、fetch、setinterval、use-effect、usecallback

Either include it or remove the dependency array react-hooks/exhaustive-deps在此文件上：下面的代码在我的函数组件中执行时，在顶部给出了警告： import createEffect fr

浏览 14提问于2019-11-12得票数 0

回答已采纳

3回答

管理多个状态React

reactjs、state

我正在开发一个React Js项目，它需要多个状态，每个状态存储来自不同后端端点的多个json数据。} data1: somevar1, ...and so on} 随着数据的增加，状态也在增加。我对react很陌生，因此遵循这种方法<em

浏览 26提问于2019-05-09得票数 0

1回答

为什么useContext在我的函数中不起作用？

reactjs

我很想看看我如何修正这个错误。import React, { createContext } from 'react'; }, name: 'Alex', } export default

浏览 0提问于2019-06-24得票数 1

回答已采纳

2回答

然后在里面使用或捕获方法

reactjs

在catch方法中或在catch方法中使用useBurgerState时，都会出现以下错误 ESLint: React "useBurgerState“不能在回调中调用。必须在React函数组件或自定义React函数中调用React。

浏览 9提问于2020-01-14得票数 1

回答已采纳

2回答

如何在useEffect钩子中正确更新reactjs状态对象属性

javascript、reactjs、use-effect、use-state

钩子中，但是我在终端中得到了以下警告下面给出了我的useEffect代码。useEffect(() => { setFormData({...formData,userId:userData.us

浏览 19提问于2022-08-19得票数 0

回答已采纳

1回答

在使用状态钩子时，useState()在function中如何检索功能组件的正确状态对象和函数？

javascript、reactjs、react-hooks

我目前正致力于从react角度理解useState钩子。我想知道的是，当调用useState时，它如何能够正确地检索状态对象和可用于修改它的函数(假设它在第一次调用时已经创建)。另一种表达我的问题的方法是，计数和setCount在哪里存在？useState()显然将返回一个不同的状态对象<e

浏览 0提问于2019-02-25得票数 3

回答已采纳

1回答

反应本土语境

reactjs、react-native、react-context

我正在尝试创建一个上下文，用于保存Api响应中的数据。但它给了我一个错误。我不知道如何解决这个错误。这个屏幕是一个显示屏幕。在索引屏幕上，我可以使用另一个上下文，它运行得很好。我想要创建另一个上下文来保存来自其他Api调用的数据。我正试图复制它，但它给了我一个错误。谢谢。{Context, Provider};屏幕 /* eslint-disable react-

浏览 0提问于2020-04-28得票数 0

2回答

带反应钩的HoC

javascript、reactjs、react-hooks、react-context

我试图用class component从react hooks移植到Context API，但我不知道得到错误的具体原因是什么。钩子只能在函数组件的主体内调用。这可能发生在以下原因之一: 1. React和呈现器(例如React ) 2的版本可能不匹配。您可能违反了Hooks 3的规则。在同一应用程序中可能有多个React副本，

浏览 0提问于2019-09-04得票数 6

回答已采纳

1回答

如果响应正常，则更新状态

javascript、reactjs、api

所以我这里有个不同的问题。我的react应用程序有一个减速机，当添加产品时，它可以更新购物车的状态。当我现在工作时，我将更新后的状态发送到API端点，因此将其保存到数据库中。dispatch({ payload: { item: item, quantity: quantity }, }; 这个函数上

浏览 6提问于2022-08-25得票数 1

回答已采纳

3回答

反应--钩子的顺序在哪里？

reactjs

import React, { Fragment } from 'react' <span>/</span> </Wrapper>} 这段代码违反了钩子的反应规则

浏览 0提问于2020-11-02得票数 0

回答已采纳

2回答

REST响应在页面加载时闪烁

javascript、reactjs、rest、axios、local-storage

我有一个组件，可以显示用户选择的经销商的联系信息。更确切地说，用户选择他们的位置，设置一个cookie，然后用来定义API调用。我使用Axios在该位置提取经销商的联系信息，将其存储在上下文中，然后根据需要通过几个组件显示信息:标头、“当前位置”组件等。然而，每次刷新页面时，我都会遇到内容闪烁的问题。我尝试过将JSON响应存储在本地存储中，但是，在页面加载时，它显示为未定义的，使闪烁继续。显然，我需要消除这一点，这样

浏览 5提问于2020-09-17得票数 2

回答已采纳

1回答

消防基地消防局空useEffect* useState*

javascript、reactjs、firebase、google-cloud-firestore

有问题时，当指向comp的标题状态为空时，如果我编辑代码并刷新其显示，如果我将状态添加到useEffect "itemCollectionRef，items“是一个inf循环，但是数据是它们的任何人都有更好的想法或方法从消防局获取数据以供显示import React, { useState, useEffect } from "react&qu

浏览 2提问于2022-07-14得票数 0

回答已采纳

2回答

如何使用useInterval使用React和设置状态

typescript、react-hooks、use-effect

我理解useInterval允许将函数组件作为参数传递，因此我试图利用这一点并使用函数组件中使用的值来设置状态。在下面的代码中，我希望ExecutionsPage获取作为数组从useFetchProjectScansByUser()钩子返回的projectScans和isProjectScansFetchComplete') 3 const UPDATE_TABLE_TIMER: number = 30000; // Time (m

浏览 1提问于2022-06-15得票数 2

回答已采纳

1回答

使用React在Javascript中调用Java方法

javascript、java、reactjs

我正在尝试制作一个网页，显示来自不同交易所的资产价格。我有一个发出http请求的java类，现在我需要用设计网页的js代码调用这些变量。任何帮助都将是令人惊叹的，请让我知道如果有任何其他应该添加代码智慧，以帮助确定我的问题？我认为调用会在这里执行，但我不确定是否还需要在java类中执行任何操作，比如将变量保存为某些格式，就像它们现在在map中一样。

浏览 62提问于2021-10-31得票数 0

2回答

在功能组件中使用REST Api调用更新React上下文

reactjs、react-context

我正在尝试使用后端对REST API的API调用产生的数据来更新React应用程序的上下文。问题是我不能同步函数。import React, {useEffect, useState} from "react</em

浏览 2提问于2019-09-12得票数 12

回答已采纳

点击加载更多