请简述在React中如何引入和使用CSS样式？

解答思路：

在React中引入CSS主要有以下几种方式：内联样式、样式表导入、使用CSS模块或使用CSS-in-JS库。每种方式都有其特定的应用场景和优缺点。

最优回答：

在React中引入CSS，可以采用以下几种主要方式：

1. 内联样式：直接在React组件的JSX代码中定义样式。这种方式简单直接，但不利于样式的复用和维护。
   示例：<div style={{color: 'red', fontSize: '16px'}}></div>。

2. 样式表导入：通过import语句导入外部的CSS文件。这种方式适用于全局样式或大型项目中的样式复用。
   示例：import './styles.css'。

3. CSS模块：React支持使用CSS模块来封装样式，避免全局样式冲突。每个模块都有自己的作用域，可以导出类名并在JSX中引用。
   示例：在CSS文件中定义样式，通过import styles from './styles.css'导入，然后在组件中使用className={styles.myClass}。

4. CSS-in-JS库：如styled-components或emotion等库，允许在JavaScript中编写CSS，并生成独特的类名。这种方式提供了更高的灵活性和组件级别的样式封装。
   示例：使用styled-components创建组件时直接定义样式。

• 内联样式具有最高的优先级，会覆盖其他方式定义的相同属性。
• 使用CSS模块可以避免全局样式冲突，提高代码的可维护性。
• CSS-in-JS库提供了更多的灵活性和动态性，适合现代前端开发的复杂需求。但也可能增加代码的复杂性。
• 在选择引入CSS的方式时，需要考虑项目的规模、开发流程、团队习惯等因素。随着React技术的发展，前端工程化的需求也在不断提高，选择合适的CSS引入方式对于项目的成功至关重要。