Reactjs 多个参数具有React Router更改url但不包含组件

Reactjs 多个参数具有React Router更改url但不包含组件,reactjs,routes,Reactjs,Routes,我想在点击链接按钮后,它会将我重定向到另一个带有完整url的页面,比如->localhost:3001/companys/name/forms 但它不会重定向到任何地方,只会在每次单击时更改url。。like->localhost:3001/companys/name/name/name/forms <BrowserRouter> ... <Switch> ... <Route path='/companies' exact component={Compa

我想在点击链接按钮后,它会将我重定向到另一个带有完整url的页面,比如->localhost:3001/companys/name/forms

但它不会重定向到任何地方,只会在每次单击时更改url。。like->localhost:3001/companys/name/name/name/forms

<BrowserRouter>
...
<Switch>
  ...
  <Route path='/companies' exact component={CompanyList}></Route>
  <Route 
     path='/companies/:slug' 
     render={(props) => <CompanyDetails {...props} isAuthed={true} />}
   />
  <Route path='companies/:slug/forms' exact component={Forms}></Route>
<Switch>
...
</BrowserRouter>
并从CompanyDetails pagecomponent链接到路径

<Button type="button" className="btn btn-secondary">
      <Link to={`${this.props.match.params.slug}/forms`}>
         Create&nbsp; 
         <i className="fa fa-arrow-right"></i>
      </Link>
</Button>

有什么建议吗?

尝试重新安排路线的顺序,并添加准确的路线

另外,在您的代码路径中,='companys/:slug/forms'缺少一个/


你的path='companys/:slug/forms'中缺少了一个/in your path='companys/:slug/forms'你也尝试过了吗?谢谢cYee,它有助于重定向到另一个页面。。。但不是组件。你知道吗?当然,你是说链接变了,但组件没有渲染?
<Route exact path='/companies/:slug/forms' exact component={Forms}></Route>      
<Route 
  exact
  path='/companies/:slug' 
  render={(props) => <CompanyDetails {...props} isAuthed={true} />}
/>
<Link to={`/${this.props.match.params.slug}/forms`}>