解决useEffect调接口重复请求的问题

useEffect的执行机制，是比较两次依赖项是否相同，不同则执行相关effect。

思路1: 查看父组建有没有多次UseState，每useSTate一次，子组件就会render一次，导致多次执行useEffect调接口
思路2: useEffect 的依赖项有多个的时候，尽量简洁 。某些执行效果一样的依赖项目就保留一个。

如果想先调父组件数据，再调子组件数据，可以把父组件的请求结果数据，作为子组件的依赖项。

useLayoutEffect的执行顺序是同步，useEffect是异步的。useLayoutEffect会优先于useEffect执行。