當我們使用 React 構建 web 應用時，通常需要加載一些樣式文件。在 React 中，我們可以使用兩種不同的方式來加載樣式文件，從而為應用添加樣式。

第一種方式是使用傳統的方法，在 public/index.html 文件中添加 link 標簽來加載樣式文件。這種方法是最常見的方法，但是有一些問題。首先，它不具有模塊化，因此在大型項目中可能很難管理樣式文件。其次，樣式文件的全部內容都是在應用程序加載時加載的，這可能會導致應用程序啟動較慢。

第二種方法是使用類似于 webpack 的構建工具，通過在組件中引入 CSS 文件來加載樣式。這種方法應該被視為 React 的主要樣式加載方式，因為它提供了一些優勢，如更好的樣式管理。

下面是一個簡單的示例，展示了如何在 React 中加載 CSS 文件：

import React from "react";
import "./styles.css";
function App() {
return
Hello, world!
;
}
export default App;

在這個例子中，我們導入了 ./styles.css，這是我們要加載的 CSS 文件。注意，這種方法對 CSS 文件的路徑指定非常敏感。因此，如果 CSS 文件不在當前組件的子目錄中，則必須使用完全路徑（例如：./path/to/styles.css）。

在頁面中引入多個 CSS 文件也是可能的。例如，在組件中加載 Bootstrap 樣式：

import React from "react";
import "bootstrap/dist/css/bootstrap.css";
function App() {
return
Hello, world!
;
}
export default App;

在這個例子中，我們在組件中加載了 Bootstrap 樣式，就像加載其他樣式一樣。這就是引入第三方 CSS 庫的方式。

總之，React 可以使用傳統的方式、也可以使用模塊化的方法來加載樣式。在大型項目中，模塊化的方式更加有用，因為它可以幫助我們更好地管理樣式文件，并提高應用程序的性能。