How do you set the document title in React?

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

This works for me.

Edit: If you’re using webpack-dev-server set inline to true

More Related Contents:

  1. Detect click outside React component
  2. Invariant Violation: _registerComponent(…): Target container is not a DOM element
  3. React.js: onChange event for contentEditable
  4. How to access component methods from “outside” in ReactJS?
  5. Why is React’s concept of Virtual DOM said to be more performant than dirty model checking?
  6. React Error: Target Container is not a DOM Element
  7. React, losing saved data in localStorage with useEffect after page refresh
  8. Retrieving value from with multiple option in React
  9. React.js: How to append a component on click?
  10. Parse an HTML string with JS
  11. Why is setState in reactjs Async instead of Sync?
  12. jQuery document.createElement equivalent?
  13. When should I use jQuery’s document.ready function?
  14. How do I render components with different layouts/elements using react-router-dom v6
  15. Update style of a component onScroll in React.js
  16. How to serialize DOM node to JSON even if there are circular references?
  17. Where can I make API call with hooks in react?
  18. How to perform debounce?
  19. React input defaultValue doesn’t update with state
  20. Difference between .tagName and .nodeName
  21. How to retrieve the element where a contextmenu has been executed
  22. onClick doesn’t render new react component.
  23. How to assign refs to multiple components
  24. ‘react-scripts’ is not recognized as an internal or external command
  25. Storing a variable in the JavaScript ‘window’ object is a proper way to use that object?
  26. Converting Responsive Grid Layout to Plotly Dash
  27. minimise the code since I am using the same code only the content in p tags changes and component AccordionHeader header changes
  28. How to do a wildcard element name match with “querySelector()” or “querySelectorAll()” in JavaScript?
  29. React props: Should I pass the object or its properties? Does it make much difference?
  30. Getting width & height of an image with filereader

Leave a Comment