假设我们使用 React-Bootstrap 中的 Row...我们如何在不使用包装器或内部元素的情况下设计它的样式:

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

理想情况下,我们可以这样做:

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

但这不起作用,我猜这是因为 React-Bootstrap不知道在哪里className进入 <Row> 范围内组件(它应该只设置具有行样式的 <div> 的样式)。

请您参考如下方法:

如果你看code对于该组件,您可以看到它使用 className传递给它的 prop 与 row 结合类来获取结果类集( <Row className="aaa bbb"... 有效)。此外,如果您提供 id Prop 如 <Row id="444" ...它实际上会设置元素的 id 属性。


评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!