React中使用CSS的N种方式
2021-01-20 00:12
标签：https 分代 classname div 外部 引入 module ida com 1、在组件中直接使用style，注意，div1各个属性值加双引号 2、引入外部css或scss文件 使用saas 3、模块化 需要在css-loader中进行配置 4、styled-components 5、radium React中使用CSS的N种方式 标签：https 分代 classname div 外部 引入 module ida com 原文地址：https://www.cnblogs.com/zmyxixihaha/p/13329089.htmlconst div1 = {
width: "300px",
margin: "30px auto",
backgroundColor: "#44014C", //驼峰法
minHeight: "200px",
boxSizing: "border-box"
};
...省略部分代码render() {
return (
);
}
import ‘./assets/index.css‘
import ‘/assets/main.scss‘
imort index from ‘./assets/index.css‘
{
test: /\.css$/,
use: [
‘style-loader‘,
{
loader: ‘css-loader‘,
options: {
modules: true
}
}
]
}
首先进行安装 yarn add styled-components
文档：https://styled-components.com/
首先进行安装 yarn add radium
文档：https://formidable.com/open-source/radium/