反应导入引导 css

React 是一个流行的 JavaScript 库，用于构建用户界面。在使用 React 进行开发时，通常需要引入 CSS 样式文件来给组件设置样式。

引入 CSS 的几种方式

在 React 中，可以通过以下几种方式来引入 CSS：

1. 使用 link 标签引入外部 CSS 文件

在 HTML 文件的头部添加 link 标签，通过其 href 属性指定要引入的外部 CSS 文件的路径。

示例代码：

<link rel="stylesheet" href="styles.css">

2. 使用 import 引入 CSS 文件

可以使用 import 语句在 JavaScript 文件中引入 CSS 文件。这种方式需要使用支持 CSS 模块化的构建工具（如 webpack）。

示例代码：

import styles from './styles.css';

3. 在 JSX 中直接使用内联样式

在 JSX 中，可以使用内联样式的方式来设置组件的样式。内联样式是一个 JavaScript 对象，需要通过样式属性进行设置。

示例代码：

const style = {
  color: 'red',
  fontSize: '16px',
};

function MyComponent() {
  return <div style={style}>Hello React!</div>;
}

总结

以上是在 React 中引入 CSS 的几种方式。选择合适的方式取决于项目需求和个人偏好。无论使用哪种方式，都可以根据自己的需要为组件添加样式，使用户界面更加美观和易于使用。

注意：在使用 React 进行开发时，通常推荐使用 CSS 模块化或 Styled Components 这样的工具来管理样式，以避免样式冲突和提高代码可维护性。