如果在React Router中遇到该问题,需要检查是否正确设置了路由。可以尝试在
举例:
import React from 'react';
import { BrowserRouter, Route, Switch } from 'react-router-dom';
import Dashboard from './components/Dashboard';
function App() {
return (
);
}
在上述代码中,我们设置了/dashboard
的路径和组件,浏览器中访问该路径则会展示对应的组件。如果浏览器输入路径为/dash/1
则会提示“No routes matching location "/dash/1"”错误。为了匹配该路径,需要添加如下代码:
这里使用了动态路由的方式,其中:id
表示参数,可以在组件中通过this.props.match.params.id
获取到参数值。
经过上述修改,访问/dash/1
时即可匹配到对应的路由和组件,解决“No routes matching location "/dash/1"”报错问题。