跳过 Effect（一）

在某些情况下，每次渲染后都执行或者清理 effect 可能会导致性能问题。

• 只运行一次 effect

  如果想执行只运行一次的 effect（仅在组件挂载和卸载时执行），可以传递一个空数组[]作为第二个参数。

  xxxxxxxxxx
  //接收一个函数
      useEffect(() => {
          inputRef.current.value = `点击了${count}次`
      })
      //接收一个函数
      useEffect(()=>{
          console.log('effect')
          const timer = setInterval(() => {
              console.log(new Date().toLocaleTimeString())
              setTime(new Date().toLocaleTimeString() )
          }, 1000)
  
          //通过return 返回的回调函数会在组件卸载时调用
          return () => {
              console.log('clear')
              clearInterval(timer)
          }
      },[])