How it works...

With that code, we are going to get this output:

You can also do this if you want to add the HTML code directly into the Helmet component:

    <Helmet>      <title>Person Information</title>      <meta name="title" content="Person Information" />      <meta name="description" content="This recipe talks about React Helmet" />    </Helmet>

You may have noticed that there is a flashing change on the title in the first load of the page, and this is because in our index.html file we have the title React App by default. You can change that by editing this file:

  <head>    <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, ...

Get React Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.