英文:
Features of applying CSS styles in ReactJS
问题
以下是翻译好的部分:
我可以这样编写CSS样式:
.myClass {
background-color: red;
}
.myClass.yellow {
background-color: yellow;
}
然后我可以在我的React组件中这样使用它:
<div className="myClass yellow"/>
它运行得很好。但是,如果我在我的应用程序中使用module.css,该怎么重复这个过程呢?
英文:
I can write CSS styles this way:
.myClass {
backdgoun-color: red;
}
.myClass.yellow {
backdgoun-color: yellow;
}
And then I can use it in my React component this way:
<div className="myClass yellow"/>
And it works very well. But how I can repeate it if I use module.css in my appliction?
答案1
得分: 1
.button {
color: blue;
}
.button.warning {
color: red;
}
import styles from './Button.module.css';
const Button = ({ isWarning }) => {
const classNames = [styles.button];
if (isWarning) {
classNames.push(styles.warning);
}
return <button className={classNames.join(' ')}>;
}
英文:
With CSS modules you can do things as follows:
.button {
color: blue;
}
.button.warning {
color: red;
}
import styles from './Button.module.css';
const Button = ({ isWarning }) => {
const classNames = [styles.button];
if (isWarning) {
classNames.push(styles.warning);
}
return <button className={classNames.join(' ')}>
}
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
评论