как дать динамические метатеги в проекте React JS

В настоящее время я использую метатеги внутри файла js с помощью response-шлема. Он дает мне узлы метатегов при проверке элемента, но когда я просматриваю исходный код страницы или пытаюсь поделиться своими ссылками в любых социальных сетях, таких как Facebook или Twitter, я получаю только значения из файла index.html. Я хочу, чтобы на каждой странице был отдельный набор метатегов. Как я могу это сделать?

Проведя небольшое исследование, я наткнулся на ссылка. Но я не понимаю, как использовать SSR. Это то, что мне нужно? Может кто-нибудь помочь мне понять это?


reactjs javascript react-helmet meta-tags
person Logeswari    schedule 20.05.2019    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Вы можете использовать npm i react-meta-tags

обратитесь: https://www.npmjs.com/package/react-meta-tags < / а>

import React from 'react';
import MetaTags from 'react-meta-tags';

class Component1 extends React.Component {
  render() {
    return (
        <div className="wrapper">
          <MetaTags>
            <title>Page 1</title>
            <meta name="description" content="Some description." />
            <meta property="og:title" content="MyApp" />
            <meta property="og:image" content="path/to/image.jpg" />
          </MetaTags>
          <div className="content"> Some Content </div>
        </div>
      )
  }
}

Вы также можете обратиться к официальным документам: https://facebook.github.io/create-react-app/docs/title-and-meta-tags.

person sparsh turkane    schedule 20.05.2019
comment
Но я не использую есть на стороне сервера. Я использую среду реакции для дизайна и интеграции API. В том, как я могу предоставить метатеги. Источник страницы просмотра дает мне только код в файле index.html и некоторые теги сценария. - person Logeswari; 20.05.2019

arrow_upward
0
arrow_downward

Если вы используете реакцию на стороне сервера, вы можете использовать react-helmet для рендеринга метатегов на самом сервере. Инструкции см. В разделе использование сервера.

person RameshVel    schedule 20.05.2019
comment
Но я не использую реакцию на стороне сервера. Все, что я даю в index.html, поступает в исходный код страницы. Если я даю метатеги на соответствующих страницах, это также не выполняется. Как я могу указать метатеги? - person Logeswari; 20.05.2019