时间戳

首页 > 解决方案 > 如何在reactjs路由器中的两个相似路径名之间正确路由

reactjs - 如何在reactjs路由器中的两个相似路径名之间正确路由

问题描述

我已经设置了具有以下配置的路由器

<Router>
    <Switch>
        <Route exact path="/" component={Home} />
        <Template>
            <Switch>
                <Route path="/search?" component={SearchResult} />
                <Route path="/:id" component={PropertyTemplate} />
            </Switch>
         </Template>
    </Switch>
</Router>

我还有一个具有以下重定向条件的组件

this.state.searchProperties.length > 0 && <Redirect to={{pathname: `/search?query=${this.state.query}`}} />

然而它似乎与路径名匹配/:id而不是/search?

标签： reactjs

解决方案

去除 '？' 在他的搜索路线中

<Route exact path="/search" component={SearchResult} />

推荐阅读