Again, by seperating the styling from your javascript code you will have a clean, readable and editable code that everyone would understand and easily can contribute.
Stop Styling React Components with Javascript

The general approach is to define a styles object at the top or bottom, and reference them just as you reference class names. So even if they are in the same file, they don’t hurt the readability of each other.

Like what you read? Give Satyajit Sahoo a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.