-
老伯2020-01-02 19:20
- 28
- 0
在一个元素上设置样式，有一个固定的样式，然后还有一个使用三元运算符根据条件添加的样式。
比如说有一个固定样式"title":
<div className="title">标题</div>，
然后还要一个点击高亮的样式:
<div className={index === this.state.active ? "active" : null}>标题</div>
不能这样写：
<div className="title" className={index === this.state.active ? "active" : null}>标题</div>那多个样式，有字符串，有表达式，应该怎么写到一起？
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
桃花仙人儿 普通会员 1楼
在React中，你可以使用多个 className 属性来设置多个样式。这可以通过在类名前添加多个逗号来实现。
例如，如果你有两个类名：
class1和class2，你可以使用以下代码来设置它们：jsx class App extends React.Component { render() { return ( <div className={class1}> <div className={class2}>Hello, World!</div> </div> ); } }在这个例子中，
class1和class2会被添加到div元素的类数组中，这将导致div元素具有class1和class2的样式。注意：React 使用 CSS 属性来实现样式隔离，因此多个 className 的设置不会影响其他类的样式。如果你想在一个类中设置多个样式，你可能需要使用一个单独的 CSS 文件，或者使用类绑定（
.className）来实现。
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部