Trying to use React.DOM to set body styles

by

Assuming your body tag isn’t part of another React component, just change it as usual:

document.body.style.backgroundColor = "green";
//elsewhere..
return (
  <div>
    Stuff goes here.
  </div>
);

It’s recommended to put it at componentWillMount method, and cancel it at componentWillUnmount:

componentWillMount: function(){
    document.body.style.backgroundColor = "green";
}

componentWillUnmount: function(){
    document.body.style.backgroundColor = null;
}

More Related Contents:

  1. “SyntaxError: Unexpected token < in JSON at position 0"
  2. ReactJS – Does render get called any time “setState” is called?
  3. React onClick function fires on render
  4. React Js conditionally applying class attributes
  5. React – User-Defined JSX Components Not rendering
  6. How to access a child’s state in React
  7. Is there any way to update a specific index from the array in Firestore
  8. How to have conditional elements and keep DRY with Facebook React’s JSX?
  9. How can I force a component to re-render with hooks in React?
  10. Detecting when user scrolls to bottom of div with React js
  11. Is there a synchronous alternative of setState() in Reactjs
  12. ES6 array map doesn’t return anything: ReactJS
  13. Executing async code on update of state with react-hooks
  14. Why React Hook useState uses const and not let
  15. When is it appropriate to use a constructor in REACT?
  16. Controlled vs uncontrolled components in React
  17. How to change the value of a Context with useContext?
  18. How target DOM with react useRef in map
  19. Event target is null inside functional setState
  20. React Hooks Error: Hooks can only be called inside the body of a function component
  21. Sort an array of objects in React and render them
  22. How can I update an object inside of an array in firestore? [duplicate]
  23. Increase JavaScript Heap size in create-react-app project
  24. Global state in React Native
  25. Is there a function, like componentWillUnmount, that will fire before the page is refreshed
  26. React.js best practice regarding listening to window events from components
  27. React’s setState method with prevState argument
  28. How to render a Object in React?
  29. How to fetch data server-side in the app directory of Next.js? Tried getStaticProps but it’s returning undefined
  30. Want to have an event handler for the browser’s back button with next.js

Leave a Comment