reactjs - 在 React-Bootstrap 中在哪里定义 CSS 文件？

Question

为类定义自定义 css 让我感到困惑。

React-Bootstrap 文档说，您可以使用 bsClass 定义自定义非引导样式。

但是，这是我的疑虑:-

1. 我们是否需要在入口 html 页面中包含自定义样式表链接？
2. 如果不是，那么节点环境如何识别 css 文件的位置？

Answer 1

how is node environment able to recognize where are the css files located?

您需要手动将其添加到您的页面。

一种方法(如果您使用 webpack 并安装了 css-loader 插件，默认情况下用于 react-create-app)是将您的 .css 文件包含在需要特定样式表的组件中:

import './mystylesheet.css'

所以你的组件看起来像这样:

import React from 'react'
import { Button } from 'react-bootstrap'
import './mystylesheet.css'

export default function MyCustomButton(props) {
  return <Button bsClass="my-custom-class">My button</Button>
}