Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何为动态url使用react路由器_Reactjs_React Router - Fatal编程技术网

Reactjs 如何为动态url使用react路由器

Reactjs 如何为动态url使用react路由器,reactjs,react-router,Reactjs,React Router,我正在构建一个非常可伸缩的react应用程序,我正在使用SSR进行搜索引擎优化。 但我不知道如何处理URL 比如:用户可以直接登陆这个网址,domian.com/drih/cardiologist 在后端,我有一个识别URL组件的系统,在本例中,它是“Location:component”中的“Speciality”组件 我不能这样走 <Rout path={"delhi"}> <Location/> </Route> 因为这个例子是德里。但是对

我正在构建一个非常可伸缩的react应用程序,我正在使用SSR进行搜索引擎优化。 但我不知道如何处理URL

比如:用户可以直接登陆这个网址,domian.com/drih/cardiologist

在后端,我有一个识别URL组件的系统,在本例中,它是“Location:component”中的“Speciality”组件

我不能这样走

<Rout path={"delhi"}>
    <Location/>
</Route>

因为这个例子是德里。但是对于另一个用户,它将是一个不同的城市名称,我想在URL中反映不同的城市,但由于最好的SEO,呈现相同的组件。 SEO是我应用程序的核心

我对这类事情简直是个新手。
请指导我。

我建议在路径中添加一些结构,使您更容易找到位置,例如:

<Route path='/search/:city/:specialty' component={Specialty} />
您仍然可以使用所需的路径实现一个“全面覆盖”路由:

<Route path='/:city/:specialty' component={Specialty} />


但是,这需要始终将路由设置在末尾,以便它仅在与您拥有的任何其他路径不匹配的情况下降落在您的
组件上。

我建议在路径中添加一些结构,使您更容易找到位置,例如:

<Route path='/search/:city/:specialty' component={Specialty} />
您仍然可以使用所需的路径实现一个“全面覆盖”路由:

<Route path='/:city/:specialty' component={Specialty} />


但是,这需要始终将路由设置在末尾,这样,如果它与您拥有的任何其他路径不匹配,它只能降落在您的
组件上。

我们可以拥有一个类而不是函数吗?我们可以拥有一个类而不是函数吗?