数据发生变化时，如何使useEffect每次重新获取数据？

要使useEffect每次重新获取数据，可以在useEffect的依赖数组中添加数据变化的依赖项。这样，每当依赖项发生变化时，useEffect都会重新执行。

以下是一个示例代码，演示了如何在数据发生变化时使useEffect重新获取数据：

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

function MyComponent() {
  const [data, setData] = useState([]);

  // 获取数据的函数
  const fetchData = async () => {
    // 发起请求获取数据
    const response = await fetch('https://api.example.com/data');
    const newData = await response.json();
    setData(newData);
  };

  useEffect(() => {
    // 在组件挂载时获取数据
    fetchData();
  }, []);

  useEffect(() => {
    // 在data发生变化时重新获取数据
    fetchData();
  }, [data]);

  return (
    // 渲染数据
    <div>
      {data.map(item => (
        <div key={item.id}>{item.name}</div>
      ))}
    </div>
  );
}

export default MyComponent;

在上面的示例中，我们使用了两个useEffect钩子函数。第一个useEffect在组件挂载时调用fetchData函数，用于初始化数据。第二个useEffect的依赖项是data，当data发生变化时，会重新调用fetchData函数。

注意，第一个useEffect的依赖数组为空，这意味着它只会在组件挂载时执行一次。而第二个useEffect的依赖数组包含了data，所以当data发生变化时，它就会重新执行。

这样，无论是在组件挂载时还是在data发生变化时，都会重新获取数据。