萌新提问关于 react 的路由问题?-灵析社区

项目是 Umi 创建的，用的路由插件是 `react-router-dom`。 有两个页面，第一个页面通过 `Link` 组件跳转到第二个页面，第二页页面是 `router` 文件夹里的 `router-page`，第一个页面的代码如下： import { Link } from 'umi'; export default function HomePage() { return ( 路由 ); } `.umirc` 里也的路由也添加好了： { path: '/router/router-page', component: 'router/router-page' }, 可以成功的从第一页跳转到第二页。 然后第二页 `router-page.tsx` 里的代码如下： import { Component } from 'react'; import { NavLink, Route, Routes } from 'react-router-dom'; export default class RouterPage extends Component { render() { return ( 首页 关于 ); } } function RouterView() { return ( }> }> ); } function Home() { return ( 首页内容 ); } function About() { return ( 关于页面内容 ); } 页面显示如下：  现在的问题是，我点击“关于”按钮，页面直接变白板了，然后控制台提示： > You rendered descendant (or called `useRoutes()`) at > "/router/router-page" (under ) but the > parent route path has no trailing "*". This means if you navigate deeper, > the parent won't match anymore and therefore the child routes will never > render. > > Please change the parent to path="/router/router-page/*">. > > No routes matched location "/about" 根据它的提示，我去把 `Link` 改了下： 路由 结果第二个页面全都变白板了。 我是 react 新手，想请教下大家这个问题应该如何解决？