Reactjs 如何添加一个classname/id来响应引导组件?

Reactjs 如何添加一个classname/id来响应引导组件?,reactjs,jsx,react-bootstrap,Reactjs,Jsx,React Bootstrap,假设我们正在使用React引导中的行。。。如何在不使用包装器或内部元素的情况下对其进行样式设置: <Row> <div className='some-style'> ... </Row> ... 理想情况下,我们可以: <Row className='some-style'> ... </Row> ... 但这不起作用,我认为这是因为React Bootstrap不知道className在组件中的位置(它应

假设我们正在使用React引导中的行。。。如何在不使用包装器或内部元素的情况下对其进行样式设置:

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

...
理想情况下,我们可以:

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

...

但这不起作用,我认为这是因为
React Bootstrap
不知道
className
组件中的位置(它应该只设置具有行样式的
的样式)

<Row id = "someRandomID">

其中,在定义中,你可以

const Row = props  => {
 <div id = {props.id}> something </div>
}
const Row=props=>{
某物
}
在上面的示例中,可以对类执行相同的操作,将id替换为className


您还可以使用
react html id
,这是一个npm包。 这是一个npm包,允许您对组件使用唯一的html ID,而不依赖于其他库

参考:



和平。

出于某种原因,我认为Row和Col不能这样命名。我认为我面临这个问题的其他组件,如果我将来遇到它,将会更新