Как управлять своими головными тегами, реагируя на каждый маршрут.
Как мы уже знаем, React - это платформа JavaScript, используемая для создания одностраничных приложений.
Что такое одностраничное приложение?
Это означает, что есть единственная HTML-страница, которую React контролирует за кулисами. React динамически добавляет данные в этот HTML-документ и динамически удаляет их.
Если мы добавим в приложение React-router, видели ли вы, что все маршруты в приложении имеют одинаковый заголовок и одно и то же мета-описание, почему, потому что мы повторно используем один HTML-документ?
Доступен пакет под названием React-Helmet, который помогает контролировать теги Your Head на каждом маршруте.
Helmet принимает простые теги HTML и выводит простые теги HTML. Это очень просто, и React удобен для новичков.
Добавить компоненты очень просто.
Позвольте мне показать, как это реализовать.
Это компонент сообщений в моем фиктивном приложении.
Просто простой HTML-код в строке 6.
Это наш окончательный результат.
Удачного кодирования, если у вас есть сомнения, не стесняйтесь спрашивать.
✉️ Подпишитесь на рассылку еженедельно Email Blast 🐦 Подпишитесь на CodeBurst на Twitter , просмотрите 🗺️ План развития веб-разработчиков на 2018 год и 🕸️ Изучите веб-разработку с полным стеком .