React-Bootstrapコンポーネントにクラス名/ IDを追加する方法は？

Question

React-BootstrapのRowを使用しているとしましょう...ラッパーまたは内部要素を使用せずにRowをスタイルするにはどうすればよいですか：

<Row>
  <div className='some-style'>
   ...
</Row>

理想的には、次のことができます。

<Row className='some-style> 
  ...
</Row>

しかし、これは機能せず、React-BootstrapはclassNameがRowコンポーネント内のどこにあるかを知らないためだと思います（行のスタイルを持つdivをスタイルするだけです）

Answer 1

最初の方法は、小道具を使用することです

<Row id = "someRandomID">

ここで、定義では、あなたはただ行くことができます

const Row = props  => {
 div id = {props.id}
}

クラスでも同じことができ、idをclassNameで置き換えます上記の例。

---

react-html-id（npmパッケージ）を使用することもできます。これは、他のライブラリに依存せずにコンポーネントに一意のhtml IDを使用できるようにするnpmパッケージです。

参照： react-html-id

---

平和。