/Javascript/React/React set title of page

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')
);

Source: stackoverflow.com

Similar codes

2 votes191 views2 answers
How to add multiple classes to a ReactJS Component
Javascript React
0 vote174 views1 answer
React merge two objects
Javascript React
48 votes184 views4 answers
How to add comment in react js
Javascript React
2 votes172 views4 answers
Multiple export in react
Javascript React
0 vote186 views1 answer
Hide component blur react hooks
Javascript React
0 vote183 views1 answer
Reactbootstrap multiselect
Javascript React
5 votes223 views1 answer
React in laravel
Javascript React
0 vote247 views2 answers
Hosting react on gh pages
Javascript React
0 vote199 views1 answer
Close all function of react in vscode mac
Javascript React
6 votes320 views3 answers
Multiple path names for a same component in react router
Javascript React