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

Question

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

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

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

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

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

Mayank Gangwal · Answer

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

<Row id = "someRandomID">

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

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

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

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

平和。