为什么在将setState作为依赖项的情况下useEffect不重新运行？

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

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

  useEffect(() => {
    const oldSetCount = setCount; // 捕获旧引用
    return () => {
      oldSetCount(count + 1); // 使用旧引用
    };
  }, [setCount]); // 依赖项数组中包含 setCount

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
}

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

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

  useEffect(() => {
    return () => {
      setCount(count + 1); // 直接使用 setCount
    };
  }, [count]); // 依赖项数组中包含 count

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
}

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

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

  useEffect(() => {
    // 副作用函数
  }, []); // 空依赖项数组

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
}

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

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

  useEffect(() => {
    // 副作用函数
  }, [count]); // 包含 count 作为依赖项

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
}

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

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

  useEffect(() => {
    const intervalId = setInterval(() => {
      setCount(count + 1); // count 可能不是最新的
    }, 1000);

    return () => clearInterval(intervalId);
  }, [count]); // 依赖项数组中包含 count

  return (
    <div>
      <p>Count: {count}</p>
    </div>
  );
}

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

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

  useEffect(() => {
    const intervalId = setInterval(() => {
      setCount(prevCount => prevCount + 1); // 使用函数式更新
    }, 1000);

    return () => clearInterval(intervalId);
  }, []); // 空依赖项数组，因为 setCount 不再是依赖项

  return (
    <div>
      <p>Count: {count}</p>
    </div>
  );
}