React-BootstrapでCSSファイルを定義する場所は？

Question

クラスのカスタムCSSを定義すると混乱します。

React-Bootstrapのドキュメントによれば、bsClassを使用してカスタムの非ブートストラップスタイルを定義できます。

しかし、ここでは、私の疑問は、次のとおりです。 -

1. 我々はエントリーhtmlページにカスタムスタイルシートのリンクを含める必要がありますか？
2. もしそうでなければ、ノード環境はどのようにcssファイルが存在するかを認識することができますか？

Answer 1

どのようにノード環境がcssファイルがどこにあるのかを認識できますか？

あなたのページに手動で追加する必要があります。

一つのアプローチ（あなたがwebpackを使用してreact-create-appのデフォルトであるcss-loaderプラグインをインストールして、持っている場合）、特定のスタイルシートを必要とする部品の内側にあなたの.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> 
}