react set title of page
import React, { useEffect } from 'react'
import ReactDOM from 'react-dom'
const App = () => {
// This effect runs once, after the first render
useEffect(() => {
document.title = "This is a title"
}, [])
return <h1>Hello, World!</h1>
};
ReactDOM.render(
<App />,
document.getElementById('root')
);react component title change
// create a new component Page.js
import { useEffect } from "react";
const Page = (props) => {
useEffect(() => {
document.title = props.title || "";
}, [props.title]);
return props.children;
};
export default Page;
//And then use Page in App.js
<Route
path="/about"
<Page title="Index">
<Index {...props} />
</Page>
/>
<Route
path="/profile"
<Page title="Profile">
<Profile {...props} />
</Page>
/>Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
