Next.js 下一个js-使用动态URL重新加载

我已经用

Next js

和

Redux

创建了动态页面

我有一个关于我的网络使用的简单流程

登录

使用

next/router

重定向到

index.html

单击一个

进入

/DYNAMIC\u页面

页面

每个步骤都很好，但在步骤3和步骤4之间存在一些问题

当我单击并标记到

/DYNAMIC\u页面时，它将被重新加载

它会影响我的
Redux
状态

当我进入动态页面时，我希望避免重新加载

如果您需要更多详细信息，请留下评论

先谢谢你

pages/[id].tsx

import * as React from "react";
import { NextPage } from "next";
import Layout from "components/Layout";
import Content from "components/courses/Content";
import axios from "axios";

const ExamplePage: NextPage = (props: any) => {
  return (
    <Layout title="About | Next.js + TypeScript Example">
      <Content
        {...props.course}
      />
    </Layout>
  );
};

ExamplePage.getInitialProps = async (props: any) => {
  const course = await axios
    .get(
      `MY_API_URL/${
        props.query.id
      }`
    )
    .then(res => res.data)
    .catch(e => e.response);
  return { course };
};

export default ExamplePage;


import*as React from“React”；
从“下一页”导入{NextPage}；
从“组件/布局”导入布局；
从“组件/课程/内容”导入内容；
从“axios”导入axios；
const ExamplePage:NextPage=（道具：任意）=>{
返回(
);
};
ExamplePage.getInitialProps=async（props:any）=>{
const course=等待axios
.得到(
`我的API地址/${
props.query.id
}`
)
.然后（res=>res.data）
.catch（e=>e.response）；
返回{course}；
};
导出默认示例页面；

将以下代码用于标记

<Link href={/[id]?id=${props.itemId}} as={/${props.itemId}}>

将以下代码用于标记

<Link href={/[id]?id=${props.itemId}} as={/${props.itemId}}>


您是否在使用nextjs 9中的动态路由，例如
/pages/[dynamic_PAGE].js
@xun yeab，我忘了提到这一点，我正在使用
/pages/[id].tsx
。我正在尝试使用
getInitialProps（）
。您能提供代码片段吗？我想看看你是如何使用redux的。@xun当然，但我认为redux没有问题。在你的链接标签中试试这个，你是否在nextjs 9中使用动态路由，比如
/pages/[dynamic_PAGE].js
@xun yeab，我忘了提到这一点，我正在使用
/pages/[id].tsx
。我正在尝试使用
getInitialProps（）
。您能提供代码片段吗？我想看看你是如何使用redux的。@xun当然，但我认为redux没有问题。试试这个链接，谢谢你！非常感谢你！