Wie fügt man der React-Bootstrap-Komponente einen Klassennamen/eine ID hinzu?

Question

Angenommen, wir Row verwenden von React-Bootstrap ... wie wir es tun Stil, ohne einen Wrapper oder innere Element mit:

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

Ideal könnten wir gerade tun:

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

Aber dieses doesn funktioniert nicht und ich nehme an, es ist, weil React-Bootstrap nicht weiß, wo der Klassenname innerhalb der Row-Komponente geht (es sollte nur das DIV formatieren, das die Stile der Zeile hat)

Answer 1

Wenn Sie sich die code für suchen die Kompo Nent können Sie sehen, dass es die className prop verwendet, um es mit der row Klasse zu kombinieren, um die resultierende Menge von Klassen zu erhalten (<Row className="aaa bbb"... funktioniert) .Auch wenn Sie die id prop wie <Row id="444" ... stellen wird es tatsächlich die ID-Attribut für die Element.