Публикации по теме '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 просмотров
schedule
12.04.2023
Как включить файл javascript в компонент React, который будет выполняться при загрузке страницы?
Я хочу отобразить файл javascript. Я включил некоторый код библиотеки (в частности, leaflet.js) и использую локальный скрипт для запуска после загрузки страницы, чтобы правильно отобразить div id='map'. Однако в моем компоненте реакции я пытаюсь это...
101 просмотров
schedule
11.09.2023
Поля смешивания реагирующего шлема во время renderStatic
Я выполняю рендеринг приложения React на стороне сервера. Я использую express для этих целей. Весь код рендеринга на стороне сервера выглядит так:
import * as React from "react"
import * as ReactDOMServer from "react-dom/server"
import * as...
980 просмотров
schedule
11.10.2023
Как установить FuturedImage в og: image. в gatsby.js
Я использовал gatsby.js.
Я хочу установить показанное изображение, описанное в markdown, в атрибуте og: image метатега, но это не работает.
Показанный образ оптимизирован для разных путей с помощью gatsby, но относительный путь устанавливается...
476 просмотров
schedule
12.12.2022
Как предварительно загрузить изображение с наибольшим содержанием в реагирующем шлеме
Я получил это предупреждение в маяке
Я попытался сделать то, что мне посоветовала эта ссылка «Узнать больше», и включить тег предварительной загрузки в заголовок для изображения, но я все равно получаю предупреждение.
Я попробовал этот тег...
415 просмотров
schedule
16.03.2023
Как и где получить доступ к html телу в gatsby
У меня проблема с большими пробелами, появляющимися справа и внизу веб-страницы. При тестировании на отзывчивость веб-страницы.
Я нашел похожие проблемы в stackoverflow
Появляется пустое пространство в правой части страницы, когда фоновое...
853 просмотров
schedule
02.04.2024