158 подписчиков
Как управлять заголовками документа в ReactJS?
Иногда необходимо изменять заголовки документа в зависимости от состояния. Можно делать это через useEffect и document.title, но есть более простое и интуитивно понятное решение. React Helmet — компонент для управления заголовками документа. Он принимает простые HTML-теги и выводит их в <head> страницы.
Вложенные компоненты будут просто переопределять заголовки, тем самым создавая эффект динамической смены данных в «шапке» документа.
Добавляем библиотеку в свой проект:
npm i react-helmet
- Дока react-helmet — https://www.npmjs.com/package/react-helmet
Около минуты
13 мая 2024