reactjs - 在react-bootstrap中使用bsClass和className有什么区别？

Question

我是 React 新手，无法理解 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>

它是被传递到reactJS中的Button组件的prop，这就是它将用来设置className在组件内部类似

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

因此它是由 react-bootstrap 文档定义为属性的属性。