reactjs – 使用bsClass和className与react-bootstrap有什么区别?

前端之家收集整理的这篇文章主要介绍了reactjs – 使用bsClass和className与react-bootstrap有什么区别?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是新手,无法理解bsClass和className之间的概念.

我尝试实现修改后的按钮样式,如:

< Button bsClass =“btn-custom”>自定义按钮< / Button>

当我用className替换bsClass时,它不起作用.

但在其他方面,使用相同的custom.css源,我实现:

< img src = {logo} alt =“logo”className =“app-logo”/>它的工作原理.

JSX属性className等同于 HTML类.所以下面是JSX
<span className="app-logo">logo</span>

将在HTML中等效于以下内容

<span class="app-logo">logo</span>

根据bsClass考虑

<Button bsClass="btn-custom" >Custom button</Button>

它是prop的传递给reactJS中的Button组件,它将用于在组件内部设置className

<button className={this.props.bsClass}>{this.props.children}</button>

因此它是一个由react-bootstrap文档定义为属性属性.

原文链接:https://www.f2er.com/react/300652.html

猜你在找的React相关文章