React組件是一個非常流行的前端開發框架，它可以使得我們的頁面開發更加簡便。在React項目中，我們經常會使用CSS來美化網頁。在這篇文章中，我們將介紹如何在React組件中引用CSS。

// 引入CSS文件
import './style.css';
// 在組件中引用CSS
export default function MyComponent() {
return (
Hello World!
);
}

React中引用CSS文件非常簡單，只需在組件文件中引入CSS文件即可。我們可以使用import語句來引入CSS文件，如上面的代碼所示。在import語句中，我們需要指定CSS文件的路徑，在這里我們引用了一個名為style.css的文件。

接下來，我們需要在組件代碼中使用CSS樣式。在React中，我們可以使用className屬性來自定義組件樣式，如上面的代碼所示。在className屬性的值中，我們指定了一個名為my-component的樣式。這個樣式定義在我們之前引用的CSS文件中，所以我們可以讓組件具有這個樣式的樣式。

閱讀完這篇文章，您應該已經了解如何在React組件中引用CSS文件。使用這種方法可以讓開發CSS更加直觀，并且能夠更容易地對組件樣式進行修改。在開發React項目時，我們要注意樣式文件的引用位置和代碼中樣式的定義。