Question

在我的项目中，我正在使用React +Next.js。对于路由，我使用库下一条路由。当您导航嵌套路线"{category alias}/filter"时，页面会重新加载。

添加路线-routes.add ({name: 'products', pattern: '/:noname/filter', page: 'products'})

链接到路线-<Link route="category_alias/filter">Products</ Link>

如何使其无需重新加载即可工作？

Answer 1

给我的印象是您仍然在Link内使用next/link参数

如果是这样，则切换到使用Link对象找到在您导出下一条路由的文件

假设您在项目的根目录中有一个routes.js文件：

然后在类似pages/test.js

的路径中

import React from 'react';
import { Link } from '../routes';

export default function() {
    return (
        <Link route="/category_alias/filter">
            <a>Testing the microphone</a>
        </Link>
    );
}

请参见https://github.com/fridays/next-routes#on-the-client

下一路由上的路由配置

1 个答案: