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

方法一：

参考链接：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#强制更新功能部件