React无限-使用钩子状态中的数组滚动

文章/答案/技术大牛

发布

1回答

reactjs、react-infinite-scroll-component、react-infinite-scroll

我在React组件中设置react-infinite-scroller时遇到了麻烦。我不想在我的loadMore组件中通过API直接获取数据，因为我已经从我的IndexedDB中获取了数据。所以我想使用我的数组dbScans (带有对象的数组)，并希望有无限滚动的最大。数组的3个项目。我试图

浏览 22提问于2020-04-17得票数 1

回答已采纳

2回答

来自自定义钩子的Useeffect依赖项列表警告

reactjs、react-hooks

因此，我正在构建一个react应用程序，并试图简化使用axios使用自定义钩子调用后端api。这个钩子一直保持加载和错误状态，这样我就不必在发出请求的每个组件中保持该状态。它还公开了一个callApi()函数，该函数发出实际请求，然后更改钩子中的状态。这是定制钩子的代码。callApi钩子中使用这个useEff

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

2回答

与基于类的方法相比，使用Hooks设置状态后重新呈现有什么不同？

javascript、reactjs、react-hooks

钩子(功能组件) 如果您将状态挂钩更新为与当前状态相同的值，则React将在不呈现子状态或触发效果的情况下退出(React使用Object.is比较算法。)

浏览 0提问于2019-03-27得票数 35

回答已采纳

3回答

用阵列反应钩子无限回路

reactjs、react-hooks、infinite-loop

当我在React中将数组分配给useEffect钩子中的一个状态时，我有一个无限循环，我不知道为什么要将状态series作为依赖项添加。[series, setSeries] = useState([]); setSeries([1, 2, 3, 4]);具有字符串的相同代码不会创建无限循环

浏览 3提问于2020-06-02得票数 2

回答已采纳

1回答

有没有办法在react钩子依赖数组中使用JS rest语法？

reactjs、rest、dependencies、react-hooks

我有这个useEffect React钩子： import {useEffect, useState} from 'react'; response: response.data }) }, []); 使用状态作为API请求的有效负载，并使用响应更新state。显然，如果我将state放

浏览 9提问于2020-09-30得票数 0

1回答

useEffect是否需要依赖数组中的所有数据都处于React状态？

reactjs、react-hooks、use-effect

当我在React中创建自定义钩子时，我遇到了useEffect钩子的行为，这是我意想不到的。我创建了一个自定义钩子，它接受一个ID数组并获取每个ID的数据，当ID发生变化时，它会再次获取，然后返回一个数组中的所有数据： const useGetItems = (ids) => { constconst ids = [1,2]这样定义的it数组</

浏览 12提问于2021-01-19得票数 0

回答已采纳

2回答

是否可以在react中的useEffect()中使用数组作为依赖项？

reactjs、react-hooks、next.js

在react中使用数组作为useEffect()钩子中的依赖项。((c)=>c.available); }在这里，类别已经是一个来自服务器的数组我希望，如果此类别更改设置productCategories状态。当我尝试这个的时候，它进入了无限的召唤。

浏览 1提问于2021-06-02得票数 0

1回答

在将状态传递给函数时响应状态的旧值

reactjs、react-hooks、use-state

在我的简单应用程序中，我有两个带有日期类型(样式-组件)的输入 type="date" value={state.startDate> { dataValidation(state);该函数使用来自日期输入的新值更新状态，然

浏览 1提问于2021-05-15得票数 0

回答已采纳

3回答

将哪个react钩子与firestore onsnapshot一起使用？

reactjs、firebase、google-cloud-firestore、react-hooks、react-native-firebase

我在react原生应用程序中使用了大量的firestore快照。我也在使用React钩子。然而，基于我的方式钩子是用一个空的依赖数组设置的，当快照回调用更新的数据触发时，我试图用新的更改修改当前状态，当前状态是未定义的。我相信这是因为结束了。我可以使用以下命令来绕过它： 使用</em

浏览 89提问于2020-01-28得票数 8

2回答

如何处理来自无限滚动组件的道具在useEffect中的状态

javascript、reactjs、react-hooks、use-effect

我有一个使用无限滚动来使用pageToken从api获取信息的React组件。当用户点击页面底部时，它应该会获取下一个信息。我认为将pageToken传递给useEffect钩子，然后在钩子中更新它是很聪明的，但这会导致所有api调用都提前运行，从而避免了无限滚动的使用。我认为这可能与React的派生

浏览 2提问于2022-02-16得票数 2

1回答

使用对本地json数据的react查询的无限滚动

reactjs、infinite-scroll、react-query

我必须使用对JSON数据的react查询来实现无限滚动，我不想在页面更改时从服务器获取数据，我需要显示我已经拥有的数据。我很困惑，怎么做到这一点呢？我有JSON数据useInfiniteQueryimplement ，我需要使用react获取数据，查询钩子，滚动和数据

浏览 1提问于2021-08-24得票数 0

回答已采纳

1回答

React useEffect缺少依赖项: xxx。要么包含它们，要么删除依赖数组react/react。

reactjs、infinite-loop、use-effect

我正在从useEffect钩子中调用api const token = props.match.params.token;catch((err) => console.log("err", err)); // code} ReactuseEffect缺少依赖项：“状态”和“令牌”。要么包含它们，要么删除依

浏览 0提问于2021-06-26得票数 7

回答已采纳

1回答

react -hooks/exhaustive deps用于react chartjs 2的图表数据

node.js、react-redux、react-chartjs-2

我正在使用react chartjs2来显示折线图。海图数据在useEffect中不断更新。该图表显示了数据。一切都很顺利。但我得到了这个钩子排气排气规则警告：第51行: React钩子useEffect缺少依赖项：'chartData‘。包括它或删除依赖数组react-hooks/exhaustive deps 但是如果我添加了状态chartData，页面就会冻结，因为我认为它会进入无限循环。

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

2回答

每次当Express API返回一个随机数时，Axios和反应性垃圾邮件API

reactjs、api、express、axios

我正在尝试构建一个react组件，它显示一个基于API响应的随机数。但是我注意到显示的数字是无限重呈现的，当我检查服务器控制台时，它会收到来自react的无限请求。如何解决这个问题？我使用react状态来显示数字。100); "number": randomNumber}); module.exports = rout

浏览 4提问于2022-10-31得票数 0

1回答

react函数组件和常规函数有不同的基本原理吗？

javascript、reactjs、components、mern

但在react官方文档中，功能组件没有'this‘。据我所知，react功能组件与普通功能相同，当我们编写功能组件时，react不会识别哪些是常规函数，哪些是组件，那么函数支持“this”而功能组件不支持“this”是什么意思？

浏览 7提问于2021-05-27得票数 0

1回答

在自定义钩子中创建数组将在每次状态变化时重新呈现值。

javascript、reactjs、react-native、react-hooks

我在react本机中创建了一个自定义钩子，在useEffect和useState中遇到了一个问题，导致了一个无限循环。我制作了一个小吃来举例说明正在发生的事情：import { Text, View1, background

浏览 2提问于2022-05-03得票数 2

回答已采纳

1回答

根据当前值更新状态时，React缺少依赖项

reactjs、react-hooks、dependencies

我需要根据当前值更新React状态的当前值。但是，使用当前状态将触发警告：React Hook useEffect has a missing dependency。我怎样才能更新状态？为了简单起见，假设我必须计算另一个状态更新的时间：[counter, setCounter] = useState(0);useEffect(()=>{ setCo

浏览 3提问于2021-10-01得票数 0

回答已采纳

1回答

React钩子在useEffect钩子中不按预期工作

reactjs、react-hooks、react-typescript

但他们都不是为我工作的。我只是在学习反应。我使用了scroll eventListener来实现这一目标。但我正面临着变量状态的问题。第二个，当滚动到页面末尾时，我再次将loading状态

浏览 2提问于2021-03-22得票数 0

回答已采纳

1回答

在将类代码更改为函数代码时缺少逗号

react-native

当尝试将此函数从基于类的函数转换为基于函数的函数时，我遇到了困难。在_spring()中，我在动画组件的上下文中使用useState()似乎有问题。this.setState({ backClickCount: 0 }); });我尝试将其转换为FUNCTIONAL样式的尝试是]).start(() => { });

浏览 3提问于2022-03-27得票数 1

回答已采纳

5回答

为什么函数组件中的setState(钩子)会导致无限循环？

javascript、reactjs、react-hooks

以下是代码： const [a, setA] = useState(1) return ( <h1>{a}</h1> );误差太多的重新渲染。React限制呈现的数量，以防止无限循环。为什么它

浏览 10提问于2020-02-20得票数 5

回答已采纳

点击加载更多