我正在做的项目有点敏感,但这是我可以向大家展示的。
当我单击 NavBar 中的 s 之一时,它会更改 URL,但不会将视图更改为正确的组件。有谁知道为什么?如果有更好的方法可以表达或提高我的 questin 的质量,请告诉我。
我返回的渲染
<NavBar />
<BrowserRouter>
<div>
<Switch>
<Route path="/propertytypes" component={PropertyTypes} />
<Route path="/entitytypes" component={EntityTypes} />
<Route path="/associationtypes" component={AssociationTypes} />
<Route path={Routes.ROOT} component={Test} />
</Switch>
</div>
</BrowserRouter>
Run Code Online (Sandbox Code Playgroud)
我的导航栏
import React, { Component } from "react";
import { Link } from "react-router-dom";
class NavBar extends Component {
render() {
return (
<div>
<ul>
<li>
<Link to="/propertytypes">Props!</Link>
</li>
<li>
<Link to="/entitytypes">Ent!</Link>
</li>
<li>
<Link to="/associationtypes">Ass!</Link>
</li>
</ul>
</div>
);
}
}
export default NavBar;
Run Code Online (Sandbox Code Playgroud)