这不应该是一个无限循环的属性更新吗？

我们可以使用 React Hooks 中的 useEffect 来处理这个问题。可以使用 useEffect 来更新组件状态或进行副作用操作，比如向服务器发送数据或在组件卸载时执行清理操作。因为 useEffect 会根据指定的依赖项来检查是否需要重新执行，所以它可以避免无限循环的情况发生。

示例代码：

import { useState, useEffect } from 'react';

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

  useEffect(() => {
    document.title = `Count: ${count}`;
  }, [count]);

  function handleClick() {
    setCount(count + 1);
  }

  return (
    <div>
      <h1>{count}</h1>
      <button onClick={handleClick}>+1</button>
    </div>
  );
}

在这个示例中，我们使用 useEffect 来更新页面标题，每当 count 发生变化时，useEffect 都会重新执行，从而避免了无限循环的问题。