Shulou(Shulou.com)05/31 Report--

Most people do not understand the knowledge points of this article "react how to change title", so the editor summarizes the following content, detailed content, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "how react changes title" article.

Method: 1, use "document.title=" title name "" in the component's componentDidMount life cycle modification; 2, use "react-helmet", this component is used to manage all changes to the document header, can be installed with "npm I react-helmet".

The operating environment of this tutorial: Windows10 system, react17.0.1 version, Dell G3 computer.

How does react change title?

1. Native js modifies the document header:

Document.title = 'title'

2. In react, you can set it in the componentDidMount life cycle of a component.

Document.title = 'title'

3. It is also possible

{document.title=' title'}} / >

4. Or install react-helmet

The explanation on the official website is: this reusable react component will manage all your changes at the head of the document. It you can customize your page title, it is easy to use:

Installation:

Npm install react-helmet-save

Code:

Import React from 'react';import {Helmet} from' react-helmet'; class Application extends React.Component {render () {return (My Title...)}}

Properties:

1. Supports all valid header tags, title base meta link script noscript style

2. Supports the attributes of the body html title tag

3. Server rendering is supported.

4, nested components override repeated header changes

The above is about the content of this article on "how react changes title". I believe we all have a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.