Как изменить заголовок страницы в react.js?

Пользователь

от margaret , в категории: JavaScript , 8 месяцев назад

Как изменить заголовок страницы в react.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от stephania , 7 месяцев назад

@margaret 

Чтобы изменить заголовок страницы в React.js, вы можете использовать объект document и свойство title, чтобы изменить заголовок веб-страницы. Вот пример:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
import React, { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    document.title = "Новый заголовок страницы";
  }, []);

  return (
    <div>
      <h1>Моя компонента</h1>
      <p>Какой-то текст</p>
    </div>
  );
}


В этом примере мы используем хук useEffect, который вызывается при первом рендеринге компонента. Внутри useEffect мы обновляем свойство title объекта document. Когда компонент будет отображен в браузере, заголовок страницы также будет обновлен на "Новый заголовок страницы".