Reactjs 在Axios API调用中使用useEffect，而无需不断重新排序（使用Typescript）

我从文件中的API获取数据，该文件是我的React应用程序的上下文提供程序。但是，当我将一些数据从使用上下文的组件推送到API时，数据不会实时更新，我必须刷新页面才能看到它的更新。如何确保它不断检查API中的新数据

我已经将items状态添加到useffect函数中的依赖项数组中，但这会导致API不断被调用，而不仅仅是在数据更改时

ItemsContext.tsx

  const [items, setItems] = useState();


  useEffect(() => {
    const fetchData = async () =>
      {
        try {
          const res = await axios.get(config().URI);
          setItems(res.data.items);
        } catch (error) {
          throw error;
        }
      };
    fetchData();
  }, []);

---

如果希望useEffect根据前端上的更改工作，可以将其添加到阵列中。但是如果您想要服务器端触发器，则需要使用websocket。向数组添加什么？要从道具或状态侦听哪个值？项值。但是，当我将items值添加到依赖项数组时，它会不断地重新加载，因此会不断地调用APIC，因为它会不断地更改。是否在其他地方更改了项目的价值？