React是一個基于組件化的框架，通過生成組件來構建復雜的頁面。在React中，CSS樣式的改變需要通過JSX語法中的style屬性或者CSS Modules來完成。下面將分別介紹這兩種方式。
使用style屬性改變CSS樣式
在React中，可以使用style屬性來改變CSS樣式。style屬性是一個對象，其中包含css屬性名和屬性值。下面是一個例子：
```
import React from 'react';
const style = {
backgroundColor: '#f2f2f2',
padding: '20px',
fontSize: '16px',
};
const App = () =>{
return ();
};
export default App;
```
在這個例子中，我們在div標簽中添加了style屬性，并將它設置為一個包含三個CSS屬性的對象。這樣，div標簽的背景顏色會變成灰色，字體大小變為16px，同時也添加了20px的padding。
使用CSS Modules改變CSS樣式
CSS Modules是一種將CSS樣式作為模塊進行導入和使用的技術。在React中，可以通過CSS Modules來更好地管理CSS樣式。下面是一個例子：
```
import React from 'react';
import styles from './App.module.css';
const App = () =>{
return ();
};
export default App;
```
在這個例子中，我們使用了CSS Modules技術，將App模塊的樣式文件導入到組件中。在組件中，我們使用了className屬性，并將它的值設置為styles.wrapper。這樣，就可以使用styles對象中的wrapper屬性來進行樣式設置了。
總結
在React中，可以通過style屬性或者CSS Modules來改變CSS樣式。使用style屬性比較簡單，但是對于復雜的樣式設置不太友好。使用CSS Modules能更好地管理樣式，對于復雜的樣式設置也比較方便。需要根據實際情況來選擇使用哪種方式。
React改變CSS樣式
React改變CSS樣式