文章/答案/技术大牛

发布

问React Router 4可选路径
EN

Stack Overflow用户

提问于 2017-07-19 21:44:21

回答 1查看 181关注 0票数 1

我有过

ReactDOM.render(
    <Provider store={store}>
        <Router history={history}>
          <Route exact path='/' component={Desktop}/>
          <Route path='/OrdersView(&filters=:filters)' component={OrdersView}/>                               
        </Router>
    </Provider>
    , document.getElementById('application')
);

如何在路由器v4中写入可选路径？像这样

<Route path='/OrdersView(&filters=:filters)' component={OrdersView}/>

对于一个组件{OrderView}。我应该能够接收两个版本的URL：

http://..../OrderView
http://..../OrderView&filters={"a":"1"}

我试着写

<Route path='/OrdersView?.+' component={OrdersView}/>

但什么都没有

我想问题是因为我在使用

this.props.location.query.filter

reactjs

react-router

回答 1

Stack Overflow用户

发布于 2017-07-19 21:49:15

你可以试着用这个

<Switch>
    <Route exact path='/roster' component={FullRoster}/>
    <Route path='/roster/:number' component={Player}/>
</Switch>

这是从https://medium.com/@pshrmn/a-simple-react-router-v4-tutorial-7f23ff27adf那里得到的。下面是对路由的第四版的很好的解释。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45192478

复制

相似问题

问React Router 4可选路径
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React Router 4可选路径EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React Router 4可选路径
EN