我有一个图像延迟加载组件,它只在服务器上渲染图像 src,并在客户端等待实际图像延迟加载时渲染加载器。
问题。
在初始渲染和客户端接管后,图像 src 不匹配。这是因为服务器设置了实际的src,而客户端设置了loader(占位符)。
问题。
有没有办法检测到这个初始渲染是服务器渲染的?就在客户端渲染/安装之前
最佳答案
您可以通过检查 req
来了解它当前是否在服务器上执行。 getInitialProps
内的属性
示例页面代码
function Page({ isServer }) {
return <div>Is this page on the server? - {isServer ? 'YES' : 'NO'}</div>;
}
Page.getInitialProps = async ({ req }) => {
return { isServer: !!req };
};
export default Page;
关于
official repo about isServercheck
的一些信息
关于reactjs - Nextjs 检查初始渲染是否在服务器端完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53614671/