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')
);change title react
import React from 'react'
import ReactDOM from 'react-dom'
class Doc extends React.Component{
componentDidMount(){
document.title = "dfsdfsdfsd"
}
render(){
return(
<b> test </b>
)
}
}
ReactDOM.render(
<Doc />,
document.getElementById('container')
);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>
/>how to change the title of create-react-app
You can find the source HTML file in the public folder of the generated project.
You may edit the <title> tag in it to change the title from “React App” to anything else.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
