Публикации по теме 'react-helmet'


Как добавить метаданные в React с помощью React-Helmet
В этом посте мы рассмотрим, как добавить в наш проект реактивный шлем и использовать его для обработки метаданных внутри компонента. Что такое React-шлем? React-Helmet - это модуль, который предлагает компонент, который будет управлять всеми вашими изменениями в метатегах и выводить их в заголовок документа. Это означает, что в проектах, где у нас есть несколько маршрутов, и мы хотим динамически обновлять метатеги для SEO на основе маршрута, отображаемого в данный момент на..

Вопросы по теме 'react-helmet'

Для чего нужен React-шлем?
Я создал приложение для реакции на стороне сервера, в котором он будет возвращать html, как показано ниже: const html = renderToString(<App />); <html> <head> <meta name="viewport" content="width=device-width,...
48694 просмотров
schedule 11.03.2022

Как программно показать изображение в шлеме React с помощью Gatsby?
Я использую Gatbsy для своей главной страницы, и я пытаюсь программно добавить некоторые метаданные с помощью реакции-шлема. У меня есть компонент SEO следующим образом: const SEO = ({title, description, location, image_url}) => { const...
1983 просмотров
schedule 05.04.2022

Шлем с развязанной CMS (Drupal)
Я создал сайт на CMS (Drupal) с приложениями React. Я использую Helmet для создания метаданных (заголовок / описание) из моих компонентов / дочерних компонентов. В компонентах я использую этот код: <Helmet> <title>{...my...
33 просмотров
schedule 30.05.2022

Добавление фавикона в ‹Helmet/› в React
Я пытался добавить значок в тег <Helmet/> приложения React. мой текущий тег <Helmet/> выглядит так. <Helmet title="ABC" meta={[ { name: "ABC", content: "ABC" } ]} links={...
12190 просмотров
schedule 13.06.2022

React Helmet: Facebook Open Graph
Итак, у меня есть react helmet , работающий над моим клиентским приложением, чтобы повторно отображать facebook og теги в заголовке в зависимости от того, какая страница активна в приложении. однако отладчик facebook и сам facebook...
22299 просмотров
schedule 18.07.2023

МетаТэги React-шлема исчезают при смене страницы
Я сделал небольшое обучающее серверное приложение на основе ReactJS. Моя цель - поделиться динамическим постом на facebook с помощью React SSR, я создал приложение на основе холста, которое генерирует изображение, и я хочу установить динамические...
574 просмотров

Как включить файл javascript в компонент React, который будет выполняться при загрузке страницы?
Я хочу отобразить файл javascript. Я включил некоторый код библиотеки (в частности, leaflet.js) и использую локальный скрипт для запуска после загрузки страницы, чтобы правильно отобразить div id='map'. Однако в моем компоненте реакции я пытаюсь это...
101 просмотров

Поля смешивания реагирующего шлема во время renderStatic
Я выполняю рендеринг приложения React на стороне сервера. Я использую express для этих целей. Весь код рендеринга на стороне сервера выглядит так: import * as React from "react" import * as ReactDOMServer from "react-dom/server" import * as...
980 просмотров

Как установить FuturedImage в og: image. в gatsby.js
Я использовал gatsby.js. Я хочу установить показанное изображение, описанное в markdown, в атрибуте og: image метатега, но это не работает. Показанный образ оптимизирован для разных путей с помощью gatsby, но относительный путь устанавливается...
476 просмотров
schedule 12.12.2022

Как предварительно загрузить изображение с наибольшим содержанием в реагирующем шлеме
Я получил это предупреждение в маяке Я попытался сделать то, что мне посоветовала эта ссылка «Узнать больше», и включить тег предварительной загрузки в заголовок для изображения, но я все равно получаю предупреждение. Я попробовал этот тег...
415 просмотров

Как и где получить доступ к html телу в gatsby
У меня проблема с большими пробелами, появляющимися справа и внизу веб-страницы. При тестировании на отзывчивость веб-страницы. Я нашел похожие проблемы в stackoverflow Появляется пустое пространство в правой части страницы, когда фоновое...
853 просмотров
schedule 02.04.2024