被多次调用的函数会自动响应本机

Question

这基本上是一个疑问。我是React-Native的新手。我有这样的代码：

function MainFunction(){
    console.log("A")
    ....code...
  async function apiFunction(){
    console.log("B")
    ....code...
  }
  useEffect(()=>{
    apiFunction()
  },[])
  return(

     ...JSX code...
  )
}
export default MainFunction;

现在，我看到B仅打印了一次，这很好。但是我看到A被多次打印。是正常现象还是我弄乱了代码？如果正常，为什么呢？如果搞砸了，那么我会尝试修复它。

谢谢

Answer 1

是的，这是正常的，因为每次重新渲染此组件时，都要执行所有这些代码，因此您将拥有n console.log（'A'），其中n是重新渲染的时间。