Stack Overflow
Stack Overflow

Questions tagged [react-helmet]

react-helmet is a module for managing the DOM document head within React.

react-helmet is a module for managing the DOM document head within React.

252 questions
0
votes
1 answer

How to add mandatory AMP HTML attribute to HTML tag

I'm using Gatsby and would like have my website identified an AMP website. How do I add the mandatory AMP attribute to the tag?
nyedidikeke
  • 6,899
  • 7
  • 44
  • 59
0
votes
1 answer

Helmet with decoupled CMS (Drupal)

i have built a site on a CMS (Drupal) with React apps. I use Helmet to generate metadatas (title / description) from my components/child components. In the components I use this code: {...my custom title...}
user28220
  • 79
  • 8
0
votes
1 answer

Passing React Helmet stringified HTML tags

I'm trialing a specific way of using React-Helmet to easily manage Meta across multiple pages/sections of an SPA. And want the option to pass tags as strings in certain scenarios. Base idea I have a meta.js file, rendering from a config: export…
theFlyingCoder
  • 109
  • 5
0
votes
0 answers

Embedded Facebook does not display using Gatsby unless the page is manually reloaded

I'm using Gatsby to build a website that has a "specials" page with embedded Facebook. The Facebook embed does not display unless I manually reload the page or go directly to the "specials" page (rather than navigating to "specials" from the home…
eoja
  • 1,642
  • 2
  • 12
  • 21
0
votes
1 answer

React Helmet dynamic classes override each other

I'm trying to set a class conditionally on the body tag. In itself this is trivial and not an issue, but when having multiple components, that conditionally have write to the class attribute of the body tag at the same time, they start overriding…
User3434343443
  • 170
  • 3
  • 17
0
votes
0 answers

How to get async data from component using Helmet?

I want to generate dynamic meta tags in my React app. I'm using Helmet and have a problem because it is empty after calling Helmet.renderStatic(). My index.js file: const store = createStore(rootReducer); ReactDOM.render(
aleksandra leszczyszyn
  • 1
0
votes
0 answers

how to configure react-helmet and change html lang attribute

I can see a list of examples of how to use react-helmet to change Below I have public/index.html and please suggest me step-by-step procedure to adopt react-helmet. Since index.html is a static html, outside of react root…
kulls
  • 845
  • 2
  • 12
  • 37
0
votes
1 answer

Can't get Reactjs using Helmet to run script tags

I'm using Helmet in Reactjs to provide my meta data per page - which works fine up until i want to provide Schema markup into the tag. I'm implementing as the documentation describes, but as my markup is coming from an api, i need to escape the…
grhmstwrt
  • 341
  • 1
  • 6
  • 20
0
votes
2 answers

nextjs Helmet or internal Head component?

I got confused to use Helmet or nextjs internal Head component , in one hand I have Head component internally without any extra overhead , in other hand we have well known Helmet with some other advantages. Could some one give us a best practice…
SayJeyHi
  • 1,559
  • 4
  • 19
  • 39
0
votes
1 answer

How to use uppercase depending on html lang dynamically changed by react-helmet

In my application, I change the language by clicking buttons. Now I want to change and make some words uppercase depending on that language's uppercase rules. I tried to do this by changing the lang attribute dynamically. My language options…
Bilge Yücel
  • 37
  • 5
0
votes
0 answers

Does different meta tags on server and client matter? React SSR

I'm using React in combination with Express for SSR-rendering. When doing for example, a CURL request on my local site I get the server content with unset meta-tags. But when I visit the page through a browser and React running in the browser, the…
NoIndexFound
  • 23
  • 1
  • 7
0
votes
0 answers

Append script tag to the head tag using reactjs

I am trying to append a script tag to the head using React Component. From inspecting I see that the script tag has been added to the head but the content is not loaded on the page. My code is: export class TestComponent extends…
Jilna
  • 190
  • 1
  • 13
0
votes
0 answers

How to include a javascript file in a React component to be executed upon page load?

I am looking to render a javascript file. I have included some library code (specifically leaflet.js), and I am using a local script to run after the page loads to render the id='map' div correctly. However, in my react component I am trying this…
antonig
  • 153
  • 1
  • 10
0
votes
1 answer

React Helmet works in development but not production

I'm currently using react-helmet in my GatsbyJS project. I'm trying to add titles for each page, within the head. It's working in development, but not when I deploy. I've tried deploying to both Github Pages and Netlify with no…
Adway S. Wadekar
  • 9
0
votes
2 answers

React-helmet metaTags are disappears on page change

I made small learning ReactJS based Server Side app. My goal is to share a dynamic post on facebook using React SSR, I have made canvas based app it generates image and I want to set dynamic metaTags to share post on FB. here my sample code…
Amit Shakya
  • 962
  • 3
  • 16
  • 30
1 2 3
…
16
17