1.
export default function ArtItem(propos){
return <div style={{color:'red',fontSize:'32px'}}>{propos.id}-{propos.title}-{propos.content}</div>
}
2.
使用css
1.安装:cnpm i style-loader css-loader -D
2.webpack配置
module:{
rules:[
{ test: /\.js|jsx$/,use:'babel-loader',exclude: /node_modules/},
{ test: /\.css$/,use:['style-loader','css-loader']},
]
},
2.使用
import artcss from '@/css/art.css'
3.使用模块化管理css
1.webpack配置
module:{
rules:[
{ test: /\.css$/,use:['style-loader','css-loader?modules']},//追加?参数启用模块化
]
},
2.引入 import artcss from '@/css/art.css'
3.编写
<div className={artcss.one}>one</div>