React使用className多类名设置

最近在写react的时候碰到了一个小问题：

多类名你发现直接逗号隔开或者空格隔开都不生效。

<div className={styles.sideInBox,styles.sideTitleBox}></div>~~     逗号隔开    跪
<div className={styles.sideInBox  styles.sideTitleBox}></div>~~       空格隔开    还是跪
<div className={[`${styles.sideInBox}`,`${styles.sideTitleBox}`].join(' ')}></div>       奶思~

我想~这个都能看懂为啥这么写吧 ~

jsx的{}和把className存数组里，然后join函数在中间加个空格，就拼出了下面这样啦

<div class="sideInBox sideTitleBox"></div>

最后 ~ 有写错的地方麻烦可以指出来哦，也是刚接触几天然后做个整理，蟹蟹

React使用className多类名设置相关推荐

如何在React Native和Firebase中设置Google登录
Google sign-in is a great login feature to offer to your app's users. It makes it easier for them to ...
react jest测试_如何设置Jest和Enzyme来测试React Native应用
react jest测试 by Sam Ollason 通过萨姆·奥拉森(Sam Ollason) This short article shares my experiences setting u ...
React 项目----className 样式（13）
在上一篇的博客中,我们介绍了react中的style 内联的样式 https://blog.csdn.net/datouniao1/article/details/119569890 但是我们仔细的观 ...
【react】解决在外部设置react组件input的value问题
背景: 为了快速输入账号,密码,写了一个插件,但由于输入部分用了antd,改变value并不能通过校验. 解决思路: 能否模拟用户键盘输入,这样避免直接设置value校验不通过的问题. 找到的办法: ...
react 父子组件传值校验设置默认值
父子组件传值校验 & 设置默认值 import PropTypes from 'prop-types' 在class 类外面: 1-传值校验子组件名.propTypes= {avname= ...
react学习(19)----可以通过设置默认值去回调
const {dispatch,activity: { cmsPopupList = [] },} = this.props;
react学习(12)-moment插件设置日期格式
<p>{moment(boothDetails.startTime).format('YYYY-MM-DD')}到{moment(boothDetails.endTime).format( ...
js给所有相同类名设置同样的样式
var x = document.getElementsByClassName("cell");var i;for (i = 0; i < x.length; i++) {x ...
元素属性、类名、内容、获取和设置、删除
使用类名设置样式的好处是:样式复用方便: js中直接通过元素的className属性设置元素的类名: 首先获取元素例如box box.className = 'colorRed'; className ...

React使用className多类名设置

React使用className多类名设置

React使用className多类名设置相关推荐

最新文章

热门文章