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

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

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

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

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

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

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

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

将在HTML中等效于以下内容@H_403_2@

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

根据bsClass考虑@H_403_2@

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

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

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

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

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

猜你在找的React相关文章