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

发布时间：2020-12-15 20:40:43 所属栏目：百科来源：网络整理

导读：我是新手,无法理解bsClass和className之间的概念. 我尝试实现修改后的按钮样式,如： Button bsClass =“btn-custom”自定义按钮 / Button 当我用className替换bsClass时,它不起作用. 但在其他方面,使用相同的custom.css源,我实现： img src = {logo} alt =“

我是新手,无法理解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文档定义为属性的属性.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!