假设我们正在使用React-Bootstrap中的Row …我们如何在不使用包装器或内部元素的情况下对其进行样式设置:
<Row> <div className='some-style'> ... </Row>
理想情况下,我们可以这样做:
<Row className='some-style> ... </Row>
但这不起作用,我认为这是因为React-Bootstrap不知道className在Row组件中的位置(它应该只是对具有我认为的行样式的div进行样式设置)
如果您查看组件的代码,您会发现它使用className传递给它的prop与row类组合以获得类的结果集(<Row className="aaa bbb"...作品)。此外,如果您提供的idprop像<Row id="444" ...它实际上会设置id元素的属性。
className
row
<Row className="aaa bbb"...
id
<Row id="444" ...