Блог

Я использую react.js для одностраничных приложений. коды маршрутизации находятся внутри src —> маршруты.js Я ссылался на многие страницы для этой одной из страниц https://blog.logrocket.com/adding-dynamic-meta-tags-react-app-without-ssr / но я не знаю, где это реализовать. Я сделал именно то, что они упомянули, но обычно мы используем «npm start» для запуска интерфейса. даже после выполнения «npm run server» он показывает прослушивание на порту 3000. но значения мета-тегов по-прежнему похожи на этот «title_» .

пожалуйста, обратитесь к любой идеологии, чтобы реализовать это.

это структура папок, которую я использую

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

https://www.npmjs.com/package/react-helmet

 render(){
return(<>
 <Helmet>
<title>{this.state.metaContent.meta_title}</title>
<meta name="title" content={"Your dynamic content"} />
<meta name="description" content={"Your dynamic content"} />
</Helmet>
//your content
</>)}