在 React 选项卡中显示当前/动态 url

Question

我似乎无法找到答案的简单问题。 目前我已经建立了一个带有反应的网站，当用户打开一个新标签时，它会在每个标签上显示相同的图标、图像和硬编码标题。 我只是想像 stackoverflow 那样做，并且可能还有其他 web 页面，并在选项卡中动态显示页面标题。

我当前在 React 应用程序中的 index.html 只有硬编码标题。 有谁知道如何更改它以显示当前的 web url？ 谢谢！

 <title>My Website </title>

Answer 1

此 function 将更改您页面的标题。

function setTitle (arg){
   document.title = arg ;
 }

然后在您的组件中，您可以执行以下操作：

export default function Component() {

setTitle("your title") ;

 function setTitle (arg){
   document.title = arg ;
 }

}

Answer 2

为其他正在寻找这个的人找到了答案。 只需删除标题。 硬编码的标题不允许页面在标题中动态显示。 删除它们后，react-router 路线将在选项卡中呈现。