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

Question

I want change the title of a class, and I achieve it with document.title = "flayers" but I put this code in the constructor,then firt I have a default title and change it then when I refer to the url, show the old title.

first I have this title

next I change for this

and when I refer to url :

I don't know if I explain :D

Answer 1

Are you familiar with React-Router? You can change the name of the title page by placing a componentDidMount in the desired component, which will fire when the component is loaded. Then, you'll simply use document.title to target and change the page's title.

Here's an example , which I took from issue ticket #49 in the React-Router Github repository:

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