如何在react中将状态赋给外部变量？

import React, { useState } from 'react';

const MyComponent = () => {
  const [count, setCount] = useState(0); // 使用useState定义状态count，并初始化为0

  const handleClick = () => {
    setCount(count + 1); // 更新count的值
  };

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={handleClick}>Increase Count</button>
    </div>
  );
};

export default MyComponent;

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

const MyComponent = () => {
  const [count, setCount] = useState(0); // 使用useState定义状态count，并初始化为0

  useEffect(() => {
    // 将count的值赋给外部变量
    const externalVariable = count;
    console.log(externalVariable); // 在控制台输出外部变量的值
  }, [count]); // 监听count的变化

  const handleClick = () => {
    setCount(count + 1); // 更新count的值
  };

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={handleClick}>Increase Count</button>
    </div>
  );
};

export default MyComponent;