场景：在需要进行修改操作，给整个表单赋值时，在子组件中有依赖父级项如props.test，父级props.test被修改了
子组件：
let [data, setData] = useState<array<any>>([])
useEffect(()=>{
//此处进行了一些初始化获取数据列表的操作
setData([1,2,3])
},[])
useEffect(()=>{
//此处有根据初始化数据去遍历，转换得到值的操作
let min = Math.min(...data)
console.log(min)
},[props.test])
结果：会发现得到的并不是期望的最小值1；
因为此时子组件依赖父级props.test依赖项的useEffect会先执行，data此时是没有数据的，因为还没有执行第一个只执行一次的hook，因此结果不相符。
*所以并不是说没有依赖的，只执行一次的useEffect写在最上面就会先执行
修改如下,添加依赖项：
useEffect(()=>{
let min = Math.min(...data)
console.log(min)
},[props.test,data])
这样执行顺序就是：父级依赖项props.test的hook执行，然后是不带依赖项的hook执行一次，最后是带data的依赖项执行。
也就能得到最终结果了。