В интерфейсе вы можете использовать реагировать-документ-мета .
Получить мета-объект из API и передать это значение в <DocumentMeta />
, импортированном из react-document-meta
const meta = {
title: 'Some Meta Title',
description: 'I am a description, and I can create multiple tags',
canonical: 'http://example.com/path/to/page',
meta: {
charset: 'utf-8',
name: {
keywords: 'react,meta,document,html,tags'
}
}
}
В методе Render напишите:
<DocumentMeta {...meta} />
Обратите внимание, что социальные сети не могут читать эти метатеги, и если вы сделаете это с javascript, они будут недоступны для них. Мета-теги должны быть загружены в html код из бэкэнда, чтобы быть доступными для социальных сетей
Решения по написанию мета-тегов с php на бэкэнде - загрузить html с php или использовать SSR (рендеринг на стороне сервера). Оба они вызывают обновление вашего сайта.
Надеюсь, это поможет вам