/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

0 vote275 views1 answer
Error: Error: Unable to resolve module `react-native-gesture-handler` from `node_modules\@react-navigation\native\lib\module\Scrollables.js`: react-native-gesture-handler could not be found within the project.
Javascript React
0 vote264 views1 answer
How to validate password and confirm password on react form hook
Javascript React
1 vote252 views1 answer
Spread operator react array
Javascript React
1 vote263 views1 answer
How to access form values in react
Javascript React
1 vote278 views2 answers
Push state array react
Javascript React
0 vote249 views1 answer
Render blaze in react
Javascript React
-2 votes193 views1 answer
React router previous location
Javascript React
1 vote262 views1 answer
@react-google-maps/api npm
Javascript React
3 votes216 views1 answer
React tooltip data-tip
Javascript React
14 votes248 views5 answers
React conditional classname
Javascript React