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

Question

我正在使用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（它不需要知道countryISO是否正確，只要知道它符合語法即可）。

Answer 1

解決的辦法似乎是：

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

需要兩個區域設置，或全部不要求。