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

Question

我是新手,无法理解bsClass和className之间的概念.

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

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

在那里,当我替补不起作用bsClass用className.

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

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

Answer 1

JSX属性className相当于HTML class.所以下面是JSX

<span className="app-logo">Logo</span>

将在HTML中等效于以下内容

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

根据bsClass考虑

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

它prop被传递给ButtonreactJS中的组件,这就是它将用于设置className组件内部的东西

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

所以它是由react-bootstrap文档定义为属性的属性.