在链接中反应路由变量

Question

我正在尝试使用react router重定向到另一个页面，但是我遇到的问题是我必须在其中放置一个变量，而无法使其正常工作。

这是我所拥有的（在代码部分中）：

URL的“：id”部分必须被忽略，因为它是从数据库填充的，这就是为什么我需要使用从服务器传递的变量。

问题是，当我在{“中放入{variable}之类的内容时，如果没有，则不起作用。

<Switch> <Route exact path="/Page1/:id/Page2" component={Component} /> <Route path="/Page1/:id/Page2/Page3" component={Component1} /> </Switch>

我想使用变量，以便它接受并正确链接。

能否请您告诉我您是否知道如何解决此问题？

Answer 1

1. 我认为您可以利用URL参数并实现所需的功能。
   1. 我认为也可以通过定义您要获取的数据库的两个实体之间的关联来解决此问题。希望您或多或少尝试解决Header --- Items方案。

问候 帕万·巴米迪帕蒂（Pavan Bhamidipati）

Answer 2

有两种方法可以在url中插入变量。您可以尝试其中任何一个。

<Route exact path=`/Page1/${variable}/Page2` component={Component} /> 

或

<Route exact path={'/Page1/'+variable+'/Page2} component={Component} />