时间戳

首页 > 解决方案 > 下一条路线上的路线配置

react-native - 下一条路线上的路线配置

问题描述

在我的项目中，我使用的是 React + Next.js。对于路线，我使用图书馆 next-routes。当您导航嵌套路由"{category alias}/filter"时，页面会重新加载。

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

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

如何在不重新加载的情况下使其工作？

标签： react-nativeroutesnext.jsjs-routes

解决方案

我的印象是你仍在使用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

推荐阅读