Nextjs中的一段代码——首次渲染相关疑问

159 阅读1分钟

最近学习Nextjs过程中遇到了一段代码,如图:

意义是?.png

这是一个‘use client’客户端组件

请问这里isMounted钩子的意义是什么?为什么写这一系列代码呢?

我的理解是:首次渲染时,isMounted为false,该组件返回null,等DOM渲染完后(其实就是null)执行effect将isMounted变为true,渲染真正想要渲染的内容(即最下面的div内的)

目的是优化首次渲染??我没大想通这样做哪里优化了?请朋友们指教帮助~~

下面有个报错,但我不大记得当时是不是因为没加上面那段代码导致的(貌似是?):

is.png