Penggunaan External CSS di React

 Berikut contoh penggunakan External CSS di React

file MyStyle.css

.container {

  background-color: #f5f5f5;

  padding: 10px;

}

.title {

  color: #333;

  font-size: 28px;

}

.description {

  color: #666;

  font-size: 16px;

}

file App.jsx

import React from "react";

import "./MyStyle.css";

function App() {

  return (

    <div className="container">

      <h1 className="title">Hello, External CSS !</h1>

      <p className="description">

        This is a simple React application with External CSS styling.

      </p>

    </div>

  );

}

export default App;

Hasilnya :