小编loï*_*res的帖子

在 nextJS 应用程序中,使用 SWR 通过 SSR 刷新预取数据是一种好的做法吗?

我们假设有以下页面:

export default ({ SSRtasks }) => {
  const [ tasks, setTasks ] = useState(SSRtasks)
  const { data: freshTasks, mutate } = useSwr('/api/tasks')
  useEffect(() => freshTasks && setTasks(freshTasks), [ freshTasks ])

  return (
   <ul>{tasks.map(task => <li>{task}</li>)}</ul>
  )
}

export const getServerSideProps = async ({ req, res }) => {
  const SSRtasks = Task.find({ owner: id })
  return { props: { SSRtasks } }
}
Run Code Online (Sandbox Code Playgroud)

知道任务在不断更新,就性能而言,这是正确的吗?
我找不到任何关于此的文档。(或者至少,理解)

server-side-rendering next.js swr

2
推荐指数
1
解决办法
4795
查看次数

标签 统计

next.js ×1

server-side-rendering ×1

swr ×1