How to use a CSS stylesheet to style React components

Question

Can i know How to use a CSS stylesheet to style React components?

Answer 1

To use a CSS stylesheet in React:

1. Create a CSS File

Example: App.css

.container {

  background-color: lightblue;

  padding: 20px;

  border-radius: 10px;

}

2. Import the CSS File in Your Component

import './App.css';

function MyComponent() {

  return <div className="container">Styled with CSS</div>;

}