Redux 和 NextJS 13答案

【问题标题】：Redux and NextJS 13Redux 和 NextJS 13
【发布时间】：2023-02-11 05:30:23
【问题描述】：

我正在尝试使用第 13 版 next 和 redux 构建 NextJs 应用程序。我找到了在应用程序中传递 redux 提供程序的方法，但我仍然不明白接下来的事情：我如何使用“createAsyncThunk”操作或 RTK 查询与“getStaticProps”和另一个下一个函数来获取 nextJS 13 和应用程序文件夹中的数据？

【问题讨论】：

标签： redux next.js react-redux redux-toolkit redux-thunk

【解决方案1】：

getServerSideProps 和 getStaticProps 在服务器上运行，因此它们与您的组件和挂钩没有任何关系，因此它们无法访问 redux 提供者

但是由于 getServerSideProps 在每个 request 上运行，您可以使用请求将数据传递给它。一种解决方案是在url 中传递数据。

假设你有 page A 和 getServerSideProps 你可以这样称呼它：

const router = useRouter();
  router.push({
  pathname: '/url_of_page_A',
  query: { 
    data: JSON.stringify( { a: 'value', b: 'another value'} ) ;
  },
});

现在在你的page A里面getServerSideProps你可以通过上下文查询访问data

export async function getServerSideProps(context) {
  const data = JSON.parse(context.query.data);
}

【讨论】：

谢谢，帮了大忙。我在接下来的 13 年发现了新的异步组件。所以，也许你知道我们如何做同样的事情，但在这个异步组件中并且没有“使用客户端”？
你好，康斯坦丁，我从来没有用过 next 13 对不起，这就是我所知道的