在React中，可以使用多種方式來(lái)編寫(xiě)CSS，您可以直接在React組件的JSX中使用內(nèi)聯(lián)樣式。

import React from 'react';
function MyComponent() {
  return (
    <div style={{ color: 'red', fontSize: '16px' }}>
      Hello, World!
    </div>
  );
}

在上面的代碼中，我們直接在div元素中使用了style屬性來(lái)設(shè)置顏色和字體大小，這種方法簡(jiǎn)單直觀，但可能不適合大型項(xiàng)目或需要復(fù)用樣式的情況。

另一種方法是使用CSS Modules，CSS Modules是一種將CSS與JavaScript模塊化的技術(shù)，可以讓您在每個(gè)組件中編寫(xiě)單獨(dú)的CSS文件，您可以創(chuàng)建一個(gè)名為MyComponent.module.css的文件，并在其中編寫(xiě)樣式：

.my-component {
  color: red;
  font-size: 16px;
}

在您的React組件中導(dǎo)入這個(gè)模塊：

import React from 'react';
import styles from './MyComponent.module.css';
function MyComponent() {
  return (
    <div className={styles.my-component}>
      Hello, World!
    </div>
  );
}

這種方法可以讓您更好地組織和管理樣式，并方便在不同組件之間復(fù)用樣式，CSS Modules還可以支持變量、嵌套等***特性，讓您的樣式編寫(xiě)更加靈活和高效。