React日历出现补水错误，我该如何修复

Question

所以我在项目中使用了react日历，它运行得很好。一段时间后，它开始给出以下3个错误：文本内容与服务器呈现的HTML不匹配水合失败，因为初始UI与服务器上呈现的不匹配补水时出错。因为错误发生在Suspendse边界之外，所以整个根将切换到客户端呈现

Answer 1

我找到了解决方案，只需使用useEffect，就可以渲染任何内容，而不用担心它是否与预渲染的树匹配。

const [isClient, setIsClient] = useState(false);
useEffect(() => {
setIsClient(true);
}, []);
<div>
{isClient ? (<Calendar />) : (<p>Loading</p>)}
</div>