是否可以使用Next js在某些页面上禁用ssr?例如,我有一个页面,上面有产品描述,我使用ssr进行SEO,但我也有一个页面,上面有我可以筛选的项目或产品列表,对于该页面,我不想使用ssr,因为该页面每次都会动态生成,我如何在该页面上禁用ssr?

推荐答案

延迟加载组件并禁用SSR:https://nextjs.org/docs/advanced-features/dynamic-import#with-no-ssr

import dynamic from 'next/dynamic'

const DynamicComponentWithNoSSR = dynamic(() => import('../components/List'), {
  ssr: false
})

export default () => <DynamicComponentWithNoSSR />

Reactjs相关问答推荐

无法使用Apollo客户端GraphQL设置Next.js 14

Mantine DatePickerInput呈现错误

Reaction路由-如何在布局路由内呈现&q;/:id&q;路由

React,当我调用handleSubmit()函数时,我正在将application/json和multiform/data中的数据发送到后端,但student_image中没有数据:null

更改点几何体的坐标会将其隐藏

UseEffect 似乎不适用于页面的首次渲染

MERN,将动态列表中的元素插入数组

console.logs 没有显示在浏览器控制台上,但显示在我的终端上

React Native - 如何处理错误带有有效负载的NAVIGATE操作..未被任何导航器处理?

React对象值下降2次而不是1次

为什么这个 React 组件会导致无限渲染?

在 reactJS 中导航时页面重新加载

当我在 useEffect 中使用 useDispatch 时,我的组件继续渲染

React Native map 中的初始zoom 级别

如何从其他组件访问 useQuery refetch 方法?

为什么我在此代码段中看不到 useEffect for count = 1?

react 页面更新

哪个是创建 React 应用程序的更好方法?

无法有条件地更新useEffect中的setState

链接的音译 Gatsby JS