NextJS добавляет теги комментариев вокруг динамического заголовка страницы
Я использую NextJS 12. У меня есть файл Layout.js, который имеет следующее:
import Head from "next/head";
const Layout = ({children, pageTitle, mainClass}) => {
return (
<>
<Head>
<meta name = "viewport" content = "width=device-width, initial-scale=1.0" />
<title>Website :: {pageTitle}</title>
</Head>
........
В моем index.js у меня есть следующее для рендеринга компонента макета:
<Layout pageTitle = "Home">
Когда он отображается в браузере, pageTitle по какой-то причине окружен кодом комментария. Это выглядит так;
<title>Website :: <!-- -->Home<!-- --></title>
Я не могу понять, как избавиться от кода комментария, это ошибка?
То же самое делает в Firefox/Safari/Chrome.
—
23.02.2024 14:01
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
2
57
1
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 1
Ответ принят как подходящий
Можете ли вы попробовать закодировать весь заголовок с помощью jsx? Как указано выше Как уже упоминалось, комментарии вводятся намеренно в качестве новых ограничений для потоковый рендеринг, поэтому, если вы хотите сохранить его как одну строку возможно, оберните их вместе как дочерний элемент jsx, чтобы избежать создания комментариев.
<title>{`Website :: ${pageTitle}`}</title>
Другие вопросы по теме
Компоненты не отображаются, но URL-адрес меняется после обновления до React-Router-DOM v6
Стилизация универсального компонента с помощью стилизованных компонентов
Вогнутая форма Three.js из облака точек
Поменял свой компьютер, и теперь Next.js не запускает локальный сервер
React Redux «Внутри отправки обнаружена мутация состояния» Ошибка
Странное поведение бесконечного рендеринга с вложенным dndkit SortableContext
Компонент React по-прежнему отображается, хотя он должен был быть скрыт настройкой
Реагировать на отсутствие рендеринга при первоначальном рендеринге фильтра массива объектов
Как изменить пути по умолчанию для дополнений Storybook и Storybook?
Как остановить событие Click Event при выделении текста?
Похожие вопросы
Компоненты не отображаются, но URL-адрес меняется после обновления до React-Router-DOM v6
Программно добавлять рекламные паузы на YouTube к собственному видео с помощью скрипта (в JS)
Вогнутая форма Three.js из облака точек
Невозможно найти раздел визуальных эффектов на вкладке форматирования при создании пользовательского визуального элемента Forge(aps)
Отображение оповещения только при закрытии вкладки браузера, а не при обновлении страницы
React Redux «Внутри отправки обнаружена мутация состояния» Ошибка
Компонент React по-прежнему отображается, хотя он должен был быть скрыт настройкой
Состояние воспроизведения анимации не может приостановить анимацию CSS, когда пользователи переключаются между вкладками
Реагировать на отсутствие рендеринга при первоначальном рендеринге фильтра массива объектов
Обнаруживайте любое изменение поля формы, чтобы обновить поле даты обновления
можешь попробовать в другом браузере