Reactjs 如何为动态url使用react路由器
我正在构建一个非常可伸缩的react应用程序,我正在使用SSR进行搜索引擎优化。 但我不知道如何处理URL 比如:用户可以直接登陆这个网址,domian.com/drih/cardiologist 在后端,我有一个识别URL组件的系统,在本例中,它是“Location:component”中的“Speciality”组件 我不能这样走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> 因为这个例子是德里。但是对
<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} />
但是,这需要始终将路由设置在末尾,这样,如果它与您拥有的任何其他路径不匹配,它只能降落在您的
组件上。我们可以拥有一个类而不是函数吗?我们可以拥有一个类而不是函数吗?