React Hook useEffect ：使用 axios 和 async wait .api 调用连续相同的 api 来获取数据

Question

当我使用它从数组中获取数据API并将响应设置为连续重复时。useEffectAPI

let [product, setproduct] = useState([]);

async function fetchData() {
    let response = await axios(
      `api`
    );
    let user = await response.data;
    setproduct(user);
    console.log(product);
  }

  useEffect(() => {
    fetchData();
  }); 

Answer 1

从文档中，

\n\n

\n

useEffect 是否在每次渲染后运行？是的！默认情况下，它在第一次渲染后和每次更新后运行。（我们稍后将讨论如何自定义它。）您可能会发现，您可能会发现更容易认为效果发生在渲染\xe2\x80\x9d之后\xe2\x80\x9c。React 保证 DOM 在运行效果时已经更新。

\n

\n\n

您可以提供空依赖数组 /[]作为 的第二个参数，它与在组件生命周期中仅执行一次useEffect相同。componentDidMount

\n\n

useEffect(() => {\n    fetchData();\n}, []); //This will run only once \n

\n