How To Change Page Background Color With Each Route On React

Home Page Component
Home Page Component
About Page Component
Portfolio Page Component
Install React Router
  • Home page -> #12afed
  • About page -> #24adef
  • Users page -> #0a14ae
Imported Home, About and Portfolio Components to App Component
App Component
Use the changeColor() function and pass the new color to it.
Complete Code



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Abidemi Animashaun

Abidemi Animashaun


Hi everyone! I’m a web full stack developer. I write JavaScript and Php with exemplary knowledge in Reactjs, Node.js, Laravel and Nest.js.