Reactでページタイトルを切り替える
方法
componentDidMount()
useEffect()
componentDidMount()
useEffect()
code:js
function example() {
useEffect(() => {
document.title = あたらしいタイトル;
});
return <p>hello</p>
}
お手軽
$ npm install react-helmet
code:js
import { Helmet } from "react-helmet";
export default () => {
return (
<>
<Helmet>
<title>New Title</title>
</Helmet>
<p>hello</p>
</>
);
};
入れ子になっている場合は、子の値が優先される
タイトルだけ変えるために使う必要はなさそう
ref