How to set different css properties for different pages in React?

Question

css

How to set different css properties on separate pages in React?
For example, the Home page should look like this:

body {
background: white;
}

And on the About page like this:

body {
background: blue;
}

Since these are different routes, maybe it is worth starting from this?

Answer 1

Well, where do you render the body tag there and set modifiers depending on the route or other parameters.
Or like this:

<Layout bodyStyle={styles}>
<Component/>
</Layout>