Question

我正在寻找示例如何使用 Next.js 的notifyDataSetChanged()钩子来处理 redux-observable ajax epics。它甚至可能吗？

换句话说 - 如何在getInitialProps中使用它：

getInitialProps

...所以我可以在服务器上获取初始数据。

getInitialProps的文档

Answer 1

要在React中使用redux-observable，您的UI组件将调度您的Epics随后将侦听和响应的简单操作。因此，您的组件并不直接了解redux-observable - 它们只是调度操作并连接到商店以接收状态更改。

以下是文档中的简单JSBin示例：https://jsbin.com/jexomi/edit?js,output

const App = ({ isPinging, ping }) => (
  <div>
    <h1>is pinging: {isPinging.toString()}</h1>
    <button onClick={ping}>Start PING</button>
  </div>
);

export defualt connect(
  ({ isPinging }) => ({ isPinging }),
  { ping }
)(App);

这里还有一个稍微复杂的例子：https://github.com/redux-observable/redux-observable/tree/master/examples/redux-observable-shopping-cart

Answer 2

如果我理解正确，那么您想从getInitialProps分发动作，并确保这些动作已完成，以便可以进行渲染。看看这个lib https://github.com/mquintal/next-redux-observable可能会有帮助。

Next.js和Redux-Observable。处理getInitialProps中的请求

2 个答案: