多次调用的函数反应本机

Function called multiple times react native

这基本上是一个疑问。我是 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 被打印了多次。这是正常的还是我搞砸了代码？如果正常，为什么会这样？如果搞砸了，我会尽力修复它。

谢谢

是这很正常，因为每次重新渲染此组件时都会执行所有这些代码，因此您将有 n console.log('A') ，其中 n 是重新渲染次数。