react 中强制刷新

需求：
前端通过websocket接收后台通知后，每次都需要刷新列表。

以下使用hooks来写

// useUpdate 自定义hooks, 返回的是一个函数
import { useState } from 'react'

const useUpdate = () => {
    const [, setFlag] = useState()
    const update = () => {
        setFlag(Date.now())
    }
  
    return update
  }

export default useUpdate

引用：

const Home = (props) => {
  // ...
  const update = useUpdate()
  return <div>
    {Date.now()}
    <div><button onClick={update}>update</button></div>
  </div>
}

以上代码摘自： 实现自定义的useUpdate

通过上边其实可以找到个思路，强制刷新是可以使用 Date.now() 来设置一个状态的。