react useEffect 之前会渲染return(<>) jsx 吗

在useEffect里面 获取的后端的接口数据 处理后把resValue注入form组件里面，有偶现情况组件渲染的是初始值，不是接口返回的值。测试接口返回值正常，setValue（resValue）正常

const [ value ， setValue] = （initialValue）
useEffect （（）=>{
      const retrive = async () = > {
          let resValue=  await api.getData ()
          setValeu (resValue) 
  }
retrive （）
}） 

return (<
  <Form value = {value}    / >
>)

控制台无报错 测试resValue值正确

怀疑后端返回的不对， 结果没有一点问题，尝试用useRef （） 无果 和同事讨论可能觉得没这个问题， 现在就是考虑是不是useEffect 之前 会 先执行return 里面的jsx 导致渲染的是 initialValue的值

我想要她正常渲染 哈ha哈ha哈

副作用函数、只执行一次？ form是你的组件吧 你传的没问题 你要在接的页面找问题

还收徒吗

还拜师吗

你这样写肯定会有问题的，要写成这样的

let resValue=  await api.getData ()
          setValeu (resValue).then(res=>{
                this.setValeu (resValue) })