javascript - 如何使用 React-Router 支持路由中的可选本地化字符串

标签 javascript reactjs react-router react-router-v4

我正在使用react-router,我需要允许链接国际化;这是一个大纲;

domain.com/langISO/countryISO2/page

作为示例,这些都是有效的路线;

domain.com/ -> Home Page
domain.com/en/us -> Home Page
domain.com/fr/fr -> Home Page
domain.com/en/gb/settings -> Settings Page
domain.com/en/gb/account -> Account Page
domain.com/settings -> Settings Page
domain.com/es/us -> Homepage (with spanish and united states localisation)

所以就像

langISo 或 CountryISO 将始终位于两个字符串对中,并且将是有效的国家/地区 ISO(不需要知道国家/地区 ISO 是否正确,只需知道它符合语法即可)。

最佳答案

解决方案似乎是;

<Route path={['/:a([a-zA-Z]{2}\/[a-zA-Z]{2})/about', '/about']} component={AboutPage} />

需要两种语言环境,或者不需要。

关于javascript - 如何使用 React-Router 支持路由中的可选本地化字符串,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55163595/

相关文章:

javascript - 如何在 React JS 中导入整个 javascript 文件

javascript - 查询修饰符中出现意外标记 ":"

javascript - 使用 Snap.svg 在 z 空间中移动 SVG 组

javascript - 在鼠标悬停时触发 'further information' div(有重叠)

reactjs - 带有 Typescript 的 Redux-Toolkit。无法调度由 createAsyncThunk 创建的操作

reactjs - 如何在扩展 React 组件的抽象类中使用泛型?

reactjs - 错误: Invariant failed: You should not use <Switch> outside a <Router> even though my structure is good

javascript - 在 HOC 中包装 React 路由渲染函数

javascript - react-router 如何通过 <Links> 和 <Route> 将 props 传递给其他组件?

javascript - Highcharts 可以对一个图表进行深入分析,反射(reflect)在另一个图表上吗?