我有一个仪表板组件,其中有链接到的React路由器<Link/>
组件
http:<procjethos>/team
在<Team/>
组件中,我有一个应该链接到的<Link/>
组件
http:<projecthost>/list/:listId
但是相反,它继承了前面的链接,我得到了
http<projecthost>/team/list/:listId
// Dashboard.jsx
render() {
const { shoppingLists, teams } = this.props;
return (
<Fragment>
<Toolbar isHomePage/>
<div className="wrapper">
<div className="dashboard">
<h2 className="dashboard__heading">
<TeamIcon />
Cohorts
</h2>
<ul className="dashboard__list">
{_map(teams, team => (
<li className="dashboard__list-item" key={team._id}>
<Link to={`team/${team._id}`}>
<CardItem name={team.name} />
</Link>
</li>
))}
</ul>
</div>
</div>
</Fragment>
);
// Team.jsx
<Fragment>
<Toolbar />
<div>
Cohort of id:
{id}
<ul>
{_map(lists, list => (
<li className="dashboard__list-item" key={list._id}>
<Link to={`list/${list._id}`} replace>
<CardItem name={list.name} />
</Link>
</li>
))}
</ul>
</div>
</Fragment>
如何在带有嵌套链接的React-Router 4中实现所需的行为?
发布于 2019-02-21 17:19:03
在链接路径前添加/
<Link to={`/list/${list._id}`} replace>
<CardItem name={list.name} />
</Link>
https://stackoverflow.com/questions/54803285
复制相似问题