优雅处理前端中的无限循环问题：有趣的UseEffect应用案例

在前端开发中，我们经常会遇到需要在组件渲染时执行特定操作的情况。React提供了一个有用的钩子函数——useEffect，它允许我们在组件渲染后执行副作用操作。然而，有时候我们可能会陷入无限循环的困扰，即useEffect函数自身会触发组件的重新渲染，导致无限循环的发生。本文将介绍一些有趣的useEffect无限循环类型，并提供解决方案。

1. 无限循环触发：在useEffect函数中更新组件状态

有时候，我们会在useEffect函数内部更新组件的状态，但未指定依赖项数组。这将导致useEffect在每次组件重新渲染时都被触发，从而陷入无限循环。

import React, {
   
    useState, useEffect } from 'react';

function Infin