hook重新渲染后，变量运作

Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn’t have a dependency array, or one of the dependencies changes on every render.

import React, {useState,useEffect} from 'react'
const Demo = ()=>{
  const [data,setData] = useState({})
  const a = {}
	useEffect(()=>{
    setData({})
  },[a])
  return '测试'
}
export default Demo
//上述写法会产生标题的告警，主要是因为setData后，Demo这个函数会从上到下重新执行一遍，执行到a的时候，{}是一个新的引用，所有a变量又变了，如此循环就会出现警告提示的信息

//解决方案，将a变量的值变成同一个引用，在函数的外面定义noop，达到一个引用的效果
import React, {useState,useEffect} from 'react'
const noop = {}
const Demo = ()=>{
  const [data,setData] = useState({})
  const a = noop
	useEffect(()=>{
    setData({})
  },[a])
  return '测试'
}
export default Demo