【React18专栏】React强制刷新组件的方式

发布时间 2023-06-02 20:14:48作者: Lu西西

方法一:

参考链接:https://cloud.tencent.com/developer/article/2160064

方法二:完全卸载并重新挂载:在 React 中,当你需要完全卸载并重新创建一个新的编辑器实例时,可以使用 key 属性强制触发重新渲染

const [refreshKey, setRefreshKey] = useState(0);

const refreshEditor = () => {
  setRefreshKey((prevKey) => prevKey + 1);
};

return (
  <>
    <button onClick={refreshEditor}>Refresh Editor</button>
    <MonacoEditor key={refreshKey} /* 其他属性 */ />
  </>
);

方法三:

参考链接:

https://juejin.cn/post/7068170055111933989#heading-3

https://news.sangniao.com/p/1124220350#强制更新功能部件