如何让useEffect控制组件更新？
我有这个：

const [data, setData] = useState([]);

useEffect(() => {
  fetch("/api/data")
    .then((res) => res.json())
    .then((res) => {
      setData(res.data);
    })
    .catch((err) => console.error(err));
}, []);

这只会给我带来一次信息，但是如果我对data中的一个项目做了一些事情，那么在显示data的组件中不会显示更改。
如果我使用这个：

const [data, setData] = useState([]);

useEffect(() => {
  fetch("/api/data")
    .then((res) => res.json())
    .then((res) => {
      setData(res.data);
    })
    .catch((err) => console.error(err));
}, [data]);

它处于无限的更新循环中。
我只希望它在data发生任何变化时发生变化，这样它就不会保持在无限循环中，我如何才能实现这一点？
展品：
在我使用过的一些useEffect中，它会要求我提供依赖关系，但这个特定的useEffect不会这样做。