页面重新渲染

46 阅读1分钟

1. 问题描述

有时需要重新渲染页面,但是并没有特定的 key 可以使用,这时可以使用全局的 key实现刷新,一般情况下不要使用时间戳,比较耗费性能。

2. 代码

const [tabKey, setTabKey] = useState(0)
const handleChagne = (key) => {
  setTabKey(prevKey => prevKey + 1)
}
return (
  <Tabs key={tabKey} onChange={handleChagne}>
    ...
  </Tabs>
)