使用axios在React Native中获取数据会遇到无限循环

Question

当我使用Axios从服务器获取数据时，遇到了无限循环。

my code is as below.

the data I get from the server is as follows.

Answer 1

传递给useEffect的函数在每个组件渲染上执行-除非您向其传递第二个参数。 如果第二个参数是一个空数组（如上面的示例），则其行为将与componentDidMount完全相同，仅在第一个渲染上执行。

import React, { useEffect } from 'react'
const SampleComponent = () => {
  useEffect(() => {
    // code to run on component mount
  }, [])//add this square bracket
return (<div>foo</div>)
}
export SampleComponent