React问题:如何在useEffect外部接收useEffect中的变量？

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

const ExampleComponent = () => {
  const [data, setData] = useState(null);

  useEffect(() => {
    const fetchData = async () => {
      const response = await fetch('https://api.example.com/data');
      const result = await response.json();
      setData(result);
    };

    fetchData();
  }, []);

  // 在useEffect外部使用闭包来访问data变量
  useEffect(() => {
    if (data) {
      console.log(data);
    }
  }, [data]);

  return (
    <div>
      {/* 渲染数据 */}
    </div>
  );
};

export default ExampleComponent;