如何在加载JSX之前更改页面标题

时间:2017-07-25 18:58:38

标签: javascript node.js html5 reactjs jsx

我想要更改类的标题,并且我使用document.title =“flayers”实现它,但我将此代码放在构造函数中,然后我有一个默认标题并在我引用url时更改它,显示旧标题。

首先我有这个标题

enter image description here

接下来我换了这个 enter image description here

当我提到网址时:enter image description here

我不知道我是否解释:D

1 个答案:

答案 0 :(得分:0)

你熟悉React-Router吗?您可以通过将componentDidMount放在所需组件中来更改标题页的名称,该组件将在加载组件时触发。然后,您只需使用document.title来定位和更改页面标题。

Here's an example,我从React-Router Github存储库中的问题单#49中获取:

var Handler = React.createClass({
componentDidMount: function() {
document.title = "Amazing Page";
}
});