Pages in React JS

497 Views Asked by Soad Anam At 16 April 2023 at 23:10

Can't use "useParams" or "useLocation" hooks in App.js component to try a Switch Case there! Is There any other Solution except installing react npm Package managers?

or except using this function below in every component.

I will be happy if I get a single function to have the solution of my problem. Thanks in advance.

import React, { useEffect } from 'react';

function Example() {
useEffect(() => {
document.title = 'My Page Title';
}, []);

Original Q&A

There are 1 best solutions below

Anjali Chandwani On 17 April 2023 at 05:45

You can define a constant of string based on routes and implment it in _app.jsx

const tabTitle ={
"/home":"Home Page",
"/profile":"My Profile Page",
}

In Render of _app.jsx

 <Head>
        <title>{tabTitle[window.location.pathname] || "My Site"}</title>
 </Head>

How to set/make "Different Tab Title" based on the Routes/Pages in React JS

There are 1 best solutions below

Related Questions in JAVASCRIPT

Related Questions in REACTJS

Related Questions in DOM

Related Questions in ROUTES

Related Questions in PAGE-TITLE

Trending Questions

Popular # Hahtags

Popular Questions