如何根据reactjs中的url查询参数更改标题部分

Question

我使用ReactJS开发了web应用程序，当我将一个页面导航到另一个页面时，应该根据url更改标题文本（我创建了标题组件，我在所有页面中导入了）如何实现此目的

Answer 1

如果您使用客户端使用javascript来处理它：

componentDidUpdate(){
 var path= window.location.pathname; // lets imaging that url is "/home/x"
 var pathArray = path.split( '/' );
 var loc= pathArray[2];//number of part of url that is changing, here it rerurns x
 if(loc === "product"){ // if x be "product" it returns true
  //do somting
 }
}

如果使用服务器端呈现而不是使用“var path = window.location.pathname;”最好在商店中保存URL路径并在组件中使用它。