Question

我有一个网站。 http://example.com

在我的网站上，我有多种语言被附加到URL中。因此首页变成了诸如

http://example.com/english

当用户导航到帐户部分时，它是带有React Router的React单页应用程序 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。

$( "#epicPostCode" ).change(function() {    

  $("label[for='epicPostCode']").each(function(){
    if($("label[for='epicPostCode']").filter("error")){

            $('#epicPostCode').parent().css('margin-bottom', '15px');
    }
    else {

        $('#epicPostCode').parent().css('margin-bottom', '0px');
    }
  });   
});

带有许多不同网址变体的React Router

1 个答案: