时间戳

首页 > 解决方案 > 两个 useEffect 与一个 useEffect 中的两个 API 调用

reactjs - 两个 useEffect 与一个 useEffect 中的两个 API 调用

问题描述

当组件挂载时，我需要从两个 API 端点获取数据。现在我有：

  useEffect(() => {
    dispatch(loadSomeDataOne());
  }, [dispatch]);

  useEffect(() => {
    dispatch(loadSomeDataTwo());
  }, [dispatch]);

我想在一个useEffect中做到这一点：

  useEffect(() => {
    dispatch(loadSomeDataOne());
    dispatch(loadSomeDataTwo());
  }, [dispatch]);

这两种解决方案之间有什么区别吗？哪个更好？

标签： reactjsreact-hooks

解决方案

在本文中，您将了解 useEffect https://www.robinwieruch.de/react-hooks-fetch-data 对于我：因为您只想在组件挂载时调用 API，您可以编写如下代码：

 useEffect(() => {
    dispatch(loadSomeDataOne());
    dispatch(loadSomeDataTwo());
  }, []);

这意味着您只需要两个函数加载数据调用一次

推荐阅读