When you are working on an application in react.js you often need to update meta tags on page

transitions. React meta tags can be used for this.

Define your meta values.

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'
}
}

Then place

 <DocumentMeta {...meta} />

in the return.

React helmet can also be used in such cases or even in an advanced case. React helmet takes plain HTML tags and outputs plain HTML tags and it is a very simple and easy for a beginner. Helmet is backward- compatible with its previous version releases. It supports body, html, and title tags and supports server-side rendering.