在React中定義CSS樣式時，可以使用以下三種方法：

第一種方法是在JSX組件中使用內聯樣式。可以在JSX中的標簽中使用style屬性來定義內聯樣式，例如：

<div style={{ color: 'red', fontSize: '20px' }}>這是內聯樣式</div>

注意，內聯樣式的屬性名采用駝峰命名法，并且要使用兩個花括號來包裹屬性值。

第二種方法是在JSX組件外部使用普通CSS文件。在JSX組件中使用類名來引入CSS類，例如：

import './style.css';
<div className="my-class">這是普通CSS樣式</div>

在普通CSS文件中定義樣式，例如：

.my-class {
color: blue;
font-size: 18px;
}

第三種方法是使用CSS模塊。CSS模塊是一種在React中使用CSS的方式，它可以避免命名沖突，并且支持按需加載。使用CSS模塊時，需要在JSX組件中引入CSS文件，并使用類似于內聯樣式的方式來定義樣式。

// style.module.css
.my-class {
color: blue;
font-size: 18px;
}
// Component.js
import styles from './style.module.css';
function Component() {
return <div className={styles['my-class']}>這是CSS模塊中定義的樣式</div>;
}

以上就是在React中定義CSS樣式的三種方式。選擇合適的方式，可以使代碼更加可讀、易于維護。