React在编写CSS样式时，可以使用CSS-in-JS（CSS+JS）和CSS-in-JS Modules（CSS+JS Modules）这两种方式。

1. CSS-in-JS

在React中使用CSS-in-JS，首先需要引入CSS-in-JS库，如css-in-js、react-styleguidist、react-csstree等。

```jsx import React from 'react'; import { styled, CSSTree } from 'css-in-js'; import 'css-in-js/styles.css';

const MyComponent = () => { return (

export default MyComponent; ```

1. CSS-in-JS Modules

在React中使用CSS-in-JS Modules，首先需要安装react-styleguidist和react-csstree。

jsx npm install react-styleguidist react-csstree

然后在React项目中使用react-styleguidist。

```jsx import React from 'react'; import { addStyleguidist } from 'react-styleguidist';

addStyleguidist({ root: './styles', theme: 'default', lang: 'en', }); ```

在这个例子中，React风格guidist将把CSS代码和对应的JS代码分别导入到根目录下的styles文件夹中。

注意：CSS-in-JS Modules需要在浏览器环境下运行，可以在命令行中运行npm start命令启动开发服务器。