Reactjs 如何添加一个classname/id来响应引导组件?
假设我们正在使用React引导中的行。。。如何在不使用包装器或内部元素的情况下对其进行样式设置: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在组件中的位置(它应
<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不能这样命名。我认为我面临这个问题的其他组件,如果我将来遇到它,将会更新