在useEffect钩子中设置状态和AsyncStorage会导致无限循环吗？
在React中，useEffect是一个用于处理副作用的钩子函数。副作用是指在组件渲染过程中，可能会对外部环境产生影响的操作，例如数据获取、订阅事件、修改DOM等。而AsyncStorage是React Native中用于持久化存储数据的API。
在useEffect钩子中设置状态和AsyncStorage不会直接导致无限循环，但如果不正确地使用它们，可能会导致无限循环的问题。
当在useEffect中设置状态时，如果没有正确地设置依赖项数组（第二个参数），或者依赖项数组中包含了状态本身，就可能导致无限循环。这是因为每次组件重新渲染时，useEffect都会执行一次，如果状态的更新又触发了组件的重新渲染，就会形成循环。
解决这个问题的方法是，在useEffect中正确设置依赖项数组，只在依赖项发生变化时才执行副作用操作。如果需要在组件挂载和卸载时执行副作用操作，可以将依赖项数组设置为空数组，表示只在挂载和卸载时执行一次。
对于AsyncStorage，它是一个异步操作，如果在useEffect中直接调用AsyncStorage的API，可能会导致无限循环。这是因为AsyncStorage的操作是异步的，不会阻塞组件的渲染过程，而useEffect中的代码会在每次组件渲染时执行。
解决这个问题的方法是，可以将AsyncStorage的操作放在一个单独的异步函数中，并在useEffect中调用该函数。同时，可以使用useCallback来缓存该异步函数，以避免在每次渲染时都创建新的函数。
综上所述，正确使用useEffect钩子和AsyncStorage可以避免无限循环的问题。在设置依赖项数组时要注意，避免包含状态本身，同时对于异步操作，要将其放在单独的函数中，并使用useCallback进行缓存。
腾讯云相关产品推荐：
- 云开发（CloudBase）：提供全栈云开发能力，包括云函数、数据库、存储、托管等，适用于快速构建移动应用、小程序、Web应用等。详情请参考：云开发产品介绍
- 云服务器（CVM）：提供可扩展的计算容量，适用于各类应用场景，如网站托管、应用程序部署等。详情请参考：云服务器产品介绍
- 云数据库MySQL版（CDB）：提供高性能、可扩展的MySQL数据库服务，适用于各类应用程序的数据存储需求。详情请参考：云数据库MySQL版产品介绍
- 云存储（COS）：提供安全可靠、高扩展性的对象存储服务，适用于存储和处理各类非结构化数据。详情请参考：云存储产品介绍
- 人工智能机器翻译（TMT）：提供高质量的机器翻译服务，支持多种语言互译，适用于各类翻译应用场景。详情请参考：人工智能机器翻译产品介绍
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。
相关·内容
我试图在我的组件中显示一些动态内容，但不知何故，useEffect导致了无限循环。 会有什么问题呢？ useEffect(() => {
retrieveLocalData('following').then((contacts) => {
setLocalData(JSON.parse(contacts));
});
}, [getLocalData]);
async function retrieveLocalData(key) {
try {
return await AsyncStorage.get
浏览 57提问于2021-04-16得票数 0
2回答
在下面的两个函数上，我遇到了一个问题，当我检查请求的调试时，GET请求有一个无限循环，我不明白为什么每次我的useEffect都要重新触发。
这是我的代码：
const gardenData = async () => {
setLoading(true);
const user = await AsyncStorage.getItem('user');
const parsedUserData = JSON.parse(user);
try {
const response = await axios.get(
浏览 10提问于2022-04-26得票数 0
我有一些useEffect函数，它在组件第一次出现时工作： useEffect(() => {
(async function () {
try {
console.log('works');
const token = await AsyncStorage.getItem('token');
if (token)
setState({...state, isAuthorized: true})
} catch (error) {
cons
浏览 12提问于2020-08-26得票数 0
回答已采纳
我有这个口袋妖怪api应用程序，它有一些问题，首先，当我获取口袋妖怪，它不断添加无限x口袋妖怪与1请求。其次，当我再次尝试输入一些东西时，这个应用程序就会完全冻结。代码如下：
应用程序：
import React from 'react'
import './App.css'
import {PokemonForm} from '@components/PokemonForm/PokemonForm'
import {PokemonProvider} from "@context/PokemonContext";
import {
浏览 1提问于2022-10-27得票数 0
回答已采纳
我有一个相当复杂的，它让我很难提供世博会小吃之类的东西，所以我尽我最大的努力解释我面临的问题：
这个应用程序的一个特点是，我有一个虚拟数据数组，用户可以通过这些数据查询，将其添加到他最喜欢的列表中。通过使用Autocomplete文本输入组件，用户可以通过单击列表中的选项向列表中添加一个新的最爱。然后应该显示这个新的收藏项。
收藏夹列表存储在redux存储区中，并使用useEffect钩子每分钟更新一次(出于样式原因)。
我面临的问题是，我需要将最喜欢的列表状态添加到useEffect钩子的依赖项中。但是，在这样做时，我的应用程序没有启动，这似乎是由无限循环造成的(尽管我没有收到任何警告或错误
浏览 4提问于2020-04-03得票数 0
我想知道使用(或不使用) useEffect更新useLocation之间最大的区别。
我通常会发现，每当useLocation的路径发生变化时，useEffect中的人都会将其设置为更新状态，但我发现我不需要这样做就可以更新位置。
const NavBar = () => {
const location = useLocation();
const [currentPath, setCurrentPath] = useState('')
const location = useLocation();
console.log('pathname
浏览 3提问于2020-12-22得票数 7
回答已采纳
2回答
我有我的主<App/>，在我的应用程序中，我使用多个useState挂钩。在我的应用程序中，我还使用了一个名为<Component/>的组件。
在这个组件中，我使用了几个useEffect钩子，所以我的问题是，在组件文件中放置useEffect钩子是一个很好的实践吗？如果不是，如果您需要在组件中有一个useEffect钩子。你怎么做到的？
浏览 3提问于2022-05-28得票数 1
回答已采纳
3回答
当我在React中将数组分配给useEffect钩子中的一个状态时，我有一个无限循环，我不知道为什么要将状态series作为依赖项添加。
const [series, setSeries] = useState([]);
useEffect(() => {
setSeries([1, 2, 3, 4]);
}, [series]);
具有字符串的相同代码不会创建无限循环
const [series, setSeries] = useState([]);
useEffect(() => {
setSeries('No Infinite Loop');
}, [
浏览 3提问于2020-06-02得票数 2
回答已采纳
我正在尝试构建一个react组件，它显示一个基于API响应的随机数。但是我注意到显示的数字是无限重呈现的，当我检查服务器控制台时，它会收到来自react的无限请求。如何解决这个问题？我使用react状态来显示数字。
API randomnumber.js
var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function (req, res, next) {
let randomNumber = Ma
浏览 4提问于2022-10-31得票数 0
2回答
我的情况是：
export default function Component({ navigation }) {
const [ item, setItem ] = useState([]);
useEffect(() => {
AsyncStorage.getItem('someItem')
.then(data => JSON.parse(data))
.then(jsonData => {
setItem(jsonData);
})
浏览 4提问于2021-01-28得票数 2
回答已采纳
2回答
所以我有个定制的钩子。每次我在useEffect中使用返回的国家时，似乎都会执行无限循环。就像useEffect所认为的那样，国家总是在变化，不得不改弦更张。现在，我确实读到了一些关于自定义钩子的内容，在每个重发器上创建数据的一个新实例。这就是它循环的原因。但我想不出怎么解决这个问题。
这是我的代码：
export function useCountries() {
const { data: countryData, isLoading } = useQuery<ICountries, string>(["countries"], () => fetch
浏览 1提问于2022-07-15得票数 1
回答已采纳
我从GetClient服务中获取一些数据，并将其设置为状态。
const [getSingleClient, setGetSingleClient] = useState({});
useEffect(() => {
const GetClient = async () => setGetSingleClient(await GetSingle(`${id}`));
GetClient();
}, [getSingleClient, id]);
我把它依赖于getSingleClient，id，但是向下滚到了inifinite循环，并且经常发
浏览 2提问于2021-11-24得票数 2
回答已采纳
我刚接触hooks，最近开始在我的React Native项目中使用钩子。
我正在使用AsyncStorage构建一个简单的todo应用程序。首先，我使用useState钩子初始化初始data和setData状态：
const [data, setData] = useState([]);
我使用两个textInput和submit按钮将数据保存到AsyncStorage。下面是saveData函数：
const saveData = async () => {
const arrData = [{ name: 'vikrant', phone: 123456 }];
浏览 23提问于2020-02-20得票数 5
回答已采纳
当试图使用localStorage来持久化我的反应状态时，我会得到无限重呈现，并且我可以在dev工具中看到状态不断地被填充而不是未填充。
我知道是我对useEffect的使用导致了这种情况，也可能是我用存储状态填充Map对象的条件。
设置状态项没有问题。
找不到它。
任何帮助都非常感谢。
我的代码：
useEffect(() => {
localStorage.myCartState ? setCart(new Map(JSON.parse(localStorage.myCartState)))
:
setCart(new Map())
})
use
浏览 6提问于2021-08-02得票数 0
回答已采纳
1回答
我有一个子组件，它通过一个事件向父组件发出一个操作：
子组件：
export default function ChildComponent(props) {
const classes = useStyles();
const [value, setValue] = React.useState([0, 5]);
const handleChange = (_, newValue) => {
setValue(newValue);
props.updateData(newValue)
};
return (
<div classNa
浏览 1提问于2020-11-14得票数 3
回答已采纳
2回答
如何清理中的函数检索
我无法清理，请帮忙
const retrieve = async()=>{
const value = await AsyncStorage.getItem('users');
if (value !== null) {
// console.log("data inside async storagein deregister screen",value);
var replace_brackets = value.replace("["," &
浏览 0提问于2021-05-22得票数 1
我在useEffect中获取数据，并在数据到达时更新本地状态。但是如果我不把依赖数组传递给useEffect，状态就会更新，但它会运行无限循环。另一方面，如果我将依赖数组作为空或有状态传递，那么它不会更新状态(即，数据不会从我的axios请求中设置到本地状态变量中)。
const [availableCars, setAvailableCars] = useState([]);
useEffect(() => {
postRequest(formData, headers).then((data) => {
console.log('Vehicles Resp
浏览 3提问于2020-07-01得票数 0
我是react.js钩子的新手。不知道为什么下面的代码不能工作。
import React,{useEffect,useState} from "react"
function App() {
const [fruit,setFruit] = useState("orange");
setFruit("apple")
return (
<div>
<h1>{fruit}</h1>
</div>
);
}
export default
浏览 0提问于2021-02-17得票数 0
回答已采纳
2回答
很抱歉。在这里做出反应。
我的代码一直停留在一个永无止境的循环上。我已经把代码简化到了我认为是造成问题的部分。
function Packages(){
const [packages, setPackages] = useState([]);
useEffect(() => {
if(!packages){
getPackages();
}
});
const getPackages = async () => {
const resp1 = await instance
浏览 5提问于2021-11-25得票数 3
回答已采纳
4回答
我的组件上有一个useState钩子，它看起来像这样：
const [scoutMode, setScoutMode] = useState("camp");
const [bottomLinks, setBottomLinks] = useState([]);
useEffect(() => {
if (scoutMode == "weeklyProgramme") {
setBottomLinks([
{
name: "Tasks",
link: "/tasks"
},
{
浏览 1提问于2021-01-04得票数 0
我有一个web应用程序，它是一个keycloack.js实例，在UI呈现之前，我尝试使用自定义钩子来获取用户配置文件。原因是，实际应用程序需要在ui呈现之前在localStorage中提供一些信息。
下面是我尝试在App.js组件中实现的逻辑
import React, {Suspense} from 'react';
import 'bootstrap/dist/css/bootstrap.css';
import 'appkit-react/style/appkit-react.default.css';
import PageHub fro
浏览 1提问于2020-02-07得票数 0
回答已采纳
我试图弄清楚应该如何用React来构造代码，以便：
我有一个状态变量，表示我的应用程序是否“加载”结果。
当loading运行以获取要显示的数据时，useEffect()状态设置为true
在useEffect()的末尾，我将loading设置为false
在子组件中，此loading状态作为更改各种组件的工具传递。
下面是我的代码的简化模型：
const App = () => {
const [state, stateDispatch] = useReducer(stateReducer,{loading: false})
useEffect(()
浏览 5提问于2021-11-28得票数 0
回答已采纳
3回答
我使用检索数据，但如何与useState()一起使用？
示例：
async function getdata(){
let d= await AsyncStorage.getItem('Name');
return d;
}
export default function App() {
const [name, setName] = useState(() => getdata());
return (<View>...</View>)
}
但是，由于getdata()是异步的，所以这是行不通的，那么如何解决这个问题呢？
编辑：
我忘记提到
浏览 8提问于2021-10-03得票数 0
回答已采纳
2回答
我有一个有宾语的国家。我正在useEffect中运行一个useEffect函数，并将对象状态传递为dependency。
我将状态对象作为依赖项传递，因为我希望在settings对象的值更改时重新呈现组件。
但它会导致无限循环。
更新：
让我进一步澄清我的问题。
在我的useEffect中，我调用异步函数addTextItem()，它调用函数finalPrice并更新状态，但是这样会导致无限循环。
另一方面，如果我在useEffect中直接调用addTextItem而不是调用addTextItem，那么就没有无限循环，但是它也在更新状态，对吗？那这是怎么回事。&我需要一个解决方
浏览 6提问于2022-05-10得票数 0
回答已采纳
我知道使用钩子的传统方法是使用useEffect钩子获取数据。但是为什么我不能在函数组件中调用axios而不是钩子，然后设置数据。
基本上，我是问这样做有甚麽不对：
const [users, setUsers] = useState(null);
axios.get("some api call")
.then(res => setUsers(res.data))
在这里，我不使用useEffect，什么可能出错？
浏览 5提问于2020-05-27得票数 6
有没有办法通过useNavigation钩子导航到一个类组件？
这是我的班级：
export default class AzureLogin extends React.Component
因此，我需要从Screen1导航到AzureLogin。做这个的方法是什么？
import { useNavigation } from '@react-navigation/native';
const Screen1 = (props) => {
const [data, setData] = useState('');
const [isLoaded,
浏览 2提问于2020-09-06得票数 0
我有一个对象数组，当新项被添加到列表中时，这些数据应该存储在中。此外，当应用程序加载时，必须将此信息推回到列表中。所以，我使用了AsyncCallback，但是它不能正常工作。当我刷新应用程序时，除了最后一个元素之外，所有存储的元素都会出现在列表中。如何将此项目返回到列表中？ import React, { useState, useEffect } from 'react';
import { StyleSheet, View, Text, FlatList, Button, AsyncStorage } from 'react-native';
expo
浏览 30提问于2020-04-14得票数 0
回答已采纳
2回答
我尝试在useEffect中更新数据，但在控制台中显示警告。
React Hook useEffect has missing dependencies: 'dispatch', 'id', and 'state.selectedHotel'. Either include them or remove the dependency array react-hooks/exhaustive-deps
码
import { GlobalContext } from "../../../context/globalContext";
浏览 10提问于2021-06-24得票数 2
回答已采纳
1回答
当我从单个useEffect调用API时，它工作得很好。但是，当我试图从同一个组件中的另一个useEffect调用另一个API时，它会显示一个。
如果可能的话，请看一下我在上的项目。
import React, { useEffect, useState } from 'react';
import { Container, Row, Col } from 'react-bootstrap';
const TeacherDashboard = () => {
// console.log(props)
const [appointment
浏览 2提问于2020-06-05得票数 1
回答已采纳
2回答
假设这里有这样的代码：
const [a , setA] = useState(false);
useEffect(() => {
setA(true);
setTimeout(()=>{
setA(false);
},300);
},[a]);
我有两个问题：
1)是否会创建一个无限循环(如果我使用的是与依赖相同的状态)？
2)如果我在useEffect代码的中间中设置状态，组件将立即重新呈现，那么如果组件在useEffect中呈现之前，其余的代码什么时候会执行呢？setA(false)什么时候会发生？
浏览 5提问于2022-05-29得票数 0
回答已采纳
我在这里构建的是一个简单的todo应用程序，它使用带有两个输入字段和一个提交按钮的钩子。在提交时，我将输入的内容保存在一个数组中，并将其存储在异步存储中。使用retrieve函数，我将获取这些值，并将其以列表形式显示在下面的视图组件中。
useEffect(() => {
// AsyncStorage.clear();
retrieveData();
}, [data]);
const retrieveData = async () => {
try {
const valueString = await AsyncStorage.getItem("
浏览 0提问于2020-02-19得票数 0
3回答
我有一个对象作为一个有一些属性的状态。我想在带有钩子的情况下更新状态。但它会导致无限循环。
我可以像这样直接更新状态吗？
const [info, setInfo] = useState({name: '' })
if (info.name === '') {
info.name = 'empty'
}
这样可以吗？
浏览 6提问于2020-09-28得票数 0
回答已采纳
我第一次用钩子测试了防火墙，并遇到了众所周知的无限循环问题。
我知道还有很多其他的问题可能与这个问题很接近，但我仍然无法在这种情况下回避这个问题。
在这里，App.js上的代码：
import React, { useState, useEffect } from 'react';
import { auth, createUserProfileDocument } from './firebase/firebase.utils';
function App() {
const [user, setUser] = useState(null);
us
浏览 1提问于2020-06-09得票数 2
回答已采纳
假设我设置了这样的状态
const [register, setRegister] = useState(false)
useEffect((=> {
setRegister(true)
},[register or setRegister])
使用寄存器或setRegister有什么不同？如果我想依赖于这种状态的改变，我会用哪种？谢谢
浏览 3提问于2020-09-07得票数 0
回答已采纳
我试图在我的react本机应用程序中从AsyncStorage中获得一个值，但它首先以空字符串的形式出现。
假设我有两个组件，Home和About。
关于屏幕是我获取我的AsyncStorage值的地方。
我能够使用createBottomTabNavigator在屏幕底部创建导航选项卡，这样我就可以在Home和About之间切换。
当我按下“关于”的屏幕时，我试着用控制台记录这个值，但它只是一个空数组。如果我像这样使用钩子(或useEffect)：
const [data, setData] = useState([])
const asyncFunctionData = async ()
浏览 0提问于2019-12-16得票数 0
你好，我有一个简单的应用程序，我使用useEffect与时间间隔每3秒获取一次数据。通过登录控制台，我看到我的useEffect工作了两次，它几乎同时调用了两次fetchData函数。我想我在代码中遗漏了一些东西。谢谢你的帮助! useEffect(() => {
const interval = setInterval(() => {
fetchChatData();
}, 3000);
return () => clearInterval(interval);
});
c
浏览 38提问于2021-07-09得票数 0
回答已采纳
请检查代码框：
当我运行得到无限循环的代码时，您可以检查控制台，查看条目是如何成倍增长的。最终网站崩溃了。
我有一个这样的状态变量：
const [checkbox, setCheckBox] = useState({});
然后在useEffect中调用一个函数：
useEffect(() => {
createCheckbox();
});
这是createCheckbox函数：
const createCheckbox = () => {
let checkboxObj = {};
rows.forEach((e) => {
ch
浏览 6提问于2021-02-17得票数 2
回答已采纳
我想以前有人问过这个问题，但是没有例子很难描述我的意思，所以让我们开始吧……我不是Javascript专家，我有一段代码(从一个例子中复制和修改)，它的语法我想要理解(这样我就可以在不必要的时候删除) /* useEffect() is just a lifecycle method for the application */
React.useEffect(() => {
/* To put in context I am getting data from a database */
AsyncStorage.getItem(id)
.then((value
浏览 13提问于2020-10-01得票数 0
我在玩React钩子，我试着做一个非常基础的时钟。它工作得很好，甚至分析器都说没有奇怪的重新渲染。让我有点担心的是useEffect调用updateTimeAndDate的地方，这会改变状态。我觉得它应该进入一个重现循环。为什么它还能工作？我不能说得更好了，抱歉。:D
它还能更好一点吗？这就是它：
const addZero = (trunk) => (trunk >= 10 ? "" : "0") + trunk;
const [hours, setHours] = useState(addZero(0));
const [minutes, se
浏览 15提问于2020-07-20得票数 0
2回答
我想将响应的数据存储到数组中以供重用。我要用Axios来做这个。我收到的问题是，当我推入数组时，它会循环getBoroughAndId()并继续推到数组中。我可以判断，因为我得到了一个console.log()响应，它总是告诉我我提出了太多的请求。有什么建议吗？谢谢。
编辑:在进行了另一个测试之后，我认为问题是在运行getBoroughAndId时，id总是在改变。我不知道该怎么阻止这一切。
import React, { useEffect, useState } from 'react';
import { airtableApi } from '../servic
浏览 3提问于2020-12-21得票数 1
回答已采纳
2回答
嘿！我是react native的新手。最近我开发了一个运行正常的expo应用程序，但我在登录屏幕上遇到的一个问题是，当我第一次尝试输入用户名和密码时，按下登录按钮，当我在控制台上记录使用AsyncStorage设置数据的状态时，这些状态可以帮助我在登录后进行处理，但这些状态是未定义的。在第二次按下登录成功时。 国家这种行为的原因是什么？ import React, { useState, useEffect } from 'react';
import { StyleSheet, Text, View, TextInput, Button, ScrollView } fro
浏览 11提问于2021-04-25得票数 0
回答已采纳
1回答
我正在尝试创建我的身份验证流，其中我将令牌存储在异步存储中，在挂载时，我的入口点会检查令牌的状态如果它是空的，则它将转到AuthNavigator或RootNavigator，但是，在添加我多次尝试构建的代码时，每次它停留在闪屏上并且不前进时，我的代码如下：
App.js
import 'react-native-gesture-handler';
import React, {useEffect,useState} from 'react';
import SwitchRootNavigator from './src/navi
浏览 1提问于2020-11-30得票数 0
3回答
当我使用useEffect钩子和setState钩子时，如果我只想让useEffect运行一次，状态就不会更新(即传递一个空数组作为第二个参数)。
如果我将Im更新的数组作为第二个参数传递，状态将被更新，但是useEffect在无限循环中继续运行.
下面是我试图运行的代码:在本例中，当打印出模因或endPage时，它们仍然保存它们的初始状态值([]和0)。
function ImageContainer() {
const [memes, setMemes] = useState([]);
const [currentIndex, setIndex] = useState(0);
浏览 4提问于2020-07-06得票数 0
回答已采纳
2回答
我试图保存我从Axios得到的使用钩子来声明的响应。但是，每当我尝试使用钩子时，组件将继续无限次地重新呈现。
const [orders, setOrders] = useState([]);
const getUserOrders = async () => {
await API.getOrders(window.sessionStorage.id)
.then(res => setOrders(res.data.ordersArr))
.catch(err => console.log(err));
}
浏览 0提问于2019-11-11得票数 1
回答已采纳
我正在尝试使用Typescript创建一个React功能组件，它将从API获取数据，然后将数据发送到另一个组件，但是，我得到了一个错误：" error : Too loop- renders . React限制呈现的次数，以防止无限循环。“ 请提供任何建议！ useEffect(() => {
await axios.get('https://quote-garden.herokuapp.com/api/v3/quotes/random').then((resp) => {
setQuote1(resp.data.data[
浏览 133提问于2021-10-05得票数 0
回答已采纳
3回答
感谢大家，尤其是Mr.Drew Reese。如果你和我一样是新手，请看他的.
我不知道为什么，但是当我控制台日志状态data (如果我使用useEffect )时，它总是重振旗鼓，尽管state generalInfo没有改变:/这样，有人可以帮助我修复它并解释我的错误？
我想要的结果是，数据将在generalInfo更改时进行更新。
非常感谢！
这是我的useEffect
======================== Problem在这里：
const {onGetGeneralInfo, generalInfo} = props;
const [data, setData
浏览 2提问于2021-10-07得票数 2
回答已采纳
3回答
我有以下内容：-
import React, { useState, useEffect } from "react"
import Card from "./Card"
import joker from "../../assets/joker.png"
import goalie from "../../assets/goalie.png"
import defender from "../../assets/defender.png"
import midfielder from "../../as
浏览 4提问于2020-09-13得票数 0
回答已采纳
2回答
我目前正在构建一个与TypeScript反应的web应用程序。我正在尝试获取一个定制的API。然而，他们中的许多人正在回归。在将它们存储在状态后，如何访问整个API来对它们进行过滤？
import React, { useEffect, useState } from "react";
import axios from "axios";
interface Invoice {
id: number;
customer_id: number;
customer_name: string;
date: string;
total_invoic
浏览 2提问于2021-06-29得票数 1
回答已采纳
因此，我使用空依赖项(Componentdid挂载)调用useEffect内部的useEffect，并在redux存储中更新一个状态，我也试图使用useSelector访问同一个组件中的相同状态，但它会导致无限循环，知道为什么吗？谢谢
我的代码与此类似：
export const PostsByTerm = () => {
const dispatch = useDispatch();
useEffect(() => {
dispatch(fetchPostsByTerm(payload));
}, [])
const posts = useSele
浏览 6提问于2021-12-14得票数 0
将状态设置为useEffect中的基元值很好，而将其设置为数组/对象会导致多个呈现，我无法理解。我想知道是什么依赖导致它多次呈现。你能解释一下吗？
import React, { useEffect, useState } from 'react'
export const UseEffectSetStateError = () => {
const [arr, setArr] = useState([1, 2, 3]);
useEffect(() => {
setArr([4, 5, 6]) // this gives er
浏览 3提问于2021-02-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
