React Router со многими различными вариантами URL

Question

У меня есть сайт.http://example.com

На моем сайте есть несколько языков, которые добавляются к URL.Таким образом, домашняя страница становится чем-то вроде

http://example.com/english

Когда пользователь переходит к разделу учетной записи, это приложение React для одной страницы с React Router http://example.com/english/account

В этом разделе аккаунта есть несколько вкладок, в которые загружаются различные шаблоны

http://example.com/english/account/login

http://example.com/english/account/create-account

Теперь «английская» часть URL может быть любым языком(французский, немецкий, испанский).Как мне настроить маршрутизацию React для учета этой динамической части URL?В конечном итоге я хочу сделать что-то с подстановочным эффектом, но это, похоже, не работает

<NavLink className="nav" to="/*/account/login">
      <div> 
             <h5>Login</h5>
       </div>
</NavLink>

Добавление явных значений, таких как /english/account/login, похоже, работает.Но я бы предпочел не жестко кодировать каждый язык

Answer 1

Вы можете использовать props.match.url для создания относительных URL.

<NavLink className="nav" to={this.props.match.url}+"/account/login">
  <div> 
         <h5>Login</h5>
   </div>
</NavLink>