将 redux 传奇与 next 一起使用.js反模式是反模式吗?

Question

我用next做了一个页面.js如下所示。

https://github.com/jinhoyoo/breadpan/blob/7db4ba1c458aff4eee558d27c9e7b84af6401596/frontend/todoapp/pages/todo/index.tsx?fbclid=IwAR3gHVcnSDH7R_rqKdN5CtUoKCEo774oESG6QYk3ZpR46RYTS6tlHF9qRHM#L29

使用getInitialProps()尽早设置属性。它也使用异步调用。然后我想知道使用 redux saga 对 next.js 真的很有用。

sampleFetchWrapper()实现方式如下。

import fetch from 'isomorphic-unfetch'
export async function sampleFetchWrapper(
input: RequestInfo,
init?: RequestInit
) {
try {
const data = await fetch(input, init).then(res => res.json())
return data
} catch (err) {
throw new Error(err.message)
}
}

这是使用redux saga与next.js其他人的帖子。但我想知道这种方法是否正确。你能推荐正确的想法吗？

Answer 1

它有效，也许仅适用于初始渲染。但SPA远不止于此。

如果在客户端应用筛选器会怎样？您将需要获取应用筛选器的新数据。 写评论怎么样？您需要向服务器发送请求，获取响应，并显示添加的注释。

因此，在绘制页面后与后端交互的情况下，使用 redux-saga 是一种不错的方法。 如果要在用户打开页面后立即显示内容(而不是显示加载屏幕(，或者如果要进行搜索引擎优化，请使用getInitialProps。当然，这对于更快的页面呈现也很重要。