useRef的另类使用

useRef的另类使用

场景

​ 接口调用可能会有很多情况，比如一个场景是 第一次进入时请求第一个接口，它之后操作会触发父元素的改变，而当父元素改变后，接下来就会请求另一个接口来触发子元素的改变。

​ 这个场景的构思源于别人一段的代码操作，其模拟代码如下

const Child = (props: any) => {
  let number = 0
  useEffect(()=>{
    // 模拟请求接口操作
    setTimeout(() => {
      number++ 
      console.log('我更新了哦')
      setId(Math.floor(100 * Math.random()))
    },2000)

    // 模拟请求接口操作2
    setTimeout(() => {
      number++ 
      console.log('我更新了哦2')
      setId(Math.floor(100 * Math.random()))
    },3000)

    if(number % 2 === 0) {
      console.log('我要取消loading了')
    } 
    return () => {
      console.log(number)
    }
  },[])
    // <DisorderFetch id={}/>

  return (
    <div>111</div>
  )
}

就是我在组件加载后会请求两个接口来响应数据的处理，在这里他在组件里声明一个变量num