在使用antd全家桶的进行开发的时候，link的时候url改变了。但是页面不刷新到我路由的页面

Question

路由配置

routes: [
    {
      path: '/',
      component: '../layouts/UserLayout',
      routes: [
        { path: '/user', redirect: '../layouts/UserLayout' },
         { path: '/user/register', component: './User/Register' } 
        /* { path: '/user/login', component: './User/Login' },
        ,
        { path: '/user/register-result', component: './User/RegisterResult' }, */
      ],
    },
    {
    path: '/',
    component: '../layouts/Menu',
    routes: [
      {
        path: '/',
        component: 'survey',
      },
      {
        path: 'puzzlecards',
        component: './puzzlecards'
      },
      {
        path: 'list',
        component: './list'
      },
      {
        path: '/survey',
        component: 'survey'
      },
      {
        path: '/dashboard',
        routes: [
          { path: '/dashboard/analysis', component: 'Dashboard/Analysis' },
          { path: '/dashboard/monitor', component: 'Dashboard/Monitor' },
          { path: '/dashboard/workplace', component: 'Dashboard/Workplace' }
        ]
      }
    ]
  }]

<Link to = "/user/register">register now!</Link>

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

要解决这个问题，你需要确保在Ant Design的Link组件中设置to属性，并且它应该指向你希望跳转的URL。如果你的URL已经改变，那么你应该更新to属性来匹配新的路径。

以下是修改后的代码示例：

import React from "react";
import Link from "antd/lib/link";

const UserLayout = () => (
  <div>
    <h1>User Layout</h1>
    <Link to="/user/register">
      <button>Register Now!</button>
    </Link>
  </div>
);

export default UserLayout;

在这个例子中，我们创建了一个UserLayout组件，其中包含一个链接按钮，当用户点击这个按钮时，将导航到 /user/register 路径。这样，即使你的URL发生了变化，页面也不会刷新，因为 Link 组件会自动处理路径的变化。