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文档定义为属性的属性.

相关文章
相关标签/搜索