react中style和className使用

最新推荐文章于 2024-08-03 01:19:16 发布

你蠢哭我咯

最新推荐文章于 2024-08-03 01:19:16 发布

阅读量4.7k

点赞数 1

分类专栏： react

本文链接：https://blog.csdn.net/m0_38069630/article/details/89494655

版权

react 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

style用法

<div style={{display: this.state.btnFlag ? "block" : "none"}}>按钮</div>

// 多个用,隔开
<div style={{display: this.state.btnFlag ? "block" : "none",
width: '20px'}}>按钮</div>

className用法

<div className={this.state.btnFlag ? "btn-show" : "btn-hide"}>按钮</div>

// 含有多个class
<div className={`btn-default ${this.state.btnFlag ? "btn-show" : "btn-hide"} ${this.state.btnFlag2 ? "btn-primary" : "btn-drange"} `}>按钮</div>