在使用useState函数时，要避免在函数内部直接修改状态变量的值，而是要使用useState函数返回的更新函数来更新状态变量的值。如果直接修改状态变量的值会导致组件的重新渲染，从而导致无限循环的问题。

示例代码：

import { useState } from 'react';

function Example() {
  const [count, setCount] = useState(0);

  function handleClick() {
    setCount(count + 1); // 错误的写法
  }

  return (
    

      
You clicked {count} times
      Click me
    
  );
}

以上代码会出现无限循环的问题，因为在handleClick函数中直接修改了count的值，导致组件会重新渲染。正确的写法应该是使用setCount函数来更新count的值：

import { useState } from 'react';

function Example() {
  const [count, setCount] = useState(0);

  function handleClick() {
    setCount(prevCount => prevCount + 1); // 正确的写法
  }

  return (
    

      
You clicked {count} times
      Click me
    
  );
}

在使用setCount函数时，将参数传入一个函数，函数的返回值就是需要更新的值。这样就避免了在函数内部直接修改状态变量的值，从而避免了无限循环的问题。