Question

我有一些当前看起来像这样的路径：

const baseUrl = `${mainUrl}/web`;

<Route exact path={baseUrl} component={Goods} />
<Route exact path={`${baseUrl}/:ID`} component={Good} />
<Route exact path={`${baseUrl}/:ID/details`} component={GoodDetails} />

现在，这一切都很好，但是我想渲染的是Good组件，仅当URL符合我们拥有的${this.baseUrl}/:ID条件，或者存在查询参数br=。我试图做这样的事情：

<Route exact path={`${baseUrl}/:ID` | `${mainUrl}?br=:brInfo`} component={Good} />

但是，这似乎不起作用。有什么想法使用React Router的正确方法是什么？

Answer 1

您可以定义两条不同的路线来渲染同一组件。

<Route exact path={`${baseUrl}/:ID`} component={Good} />
<Route exact path={`${mainUrl}?br=:brInfo`} component={Good} />

如果URL在React中有特定的查询参数，如何呈现组件？

1 个答案: