- 在src目录下新建一个文件css夹,在css中新建一个css文件为CmtList.css
在CmtList.css文件中就可以写需要的css样式。
.title{
color: red;
}
2.在CmtList2.jsx中导入列表组件需要的样式表;
import cssobj from '@/css/CmtList.css'
这里看一下CmtList2.jsx的完整代码:
import React from 'react'
//导入列表组件需要的样式表
import cssobj from '@/css/CmtList.css'
//导入评论项的子组件
import CmtItem from '@/Components/CmtItem2'
//创建一个父组件
export default class CmtList extends React.Component{
constructor(){
super();
this.state = {
CommentList:[//评论列表数据
{id:1,user:'安琪拉',conent:'魔法为我而存在'},
{id:2,user:'后羿',conent:'发光的一个就够了'},
{id:3,user:'刘禅',conent:'一号机开启暴走状态'},
{id:4,user:'鲁班',conent:'有时候肌肉比头脑更厉害'},
{id:5,user:'吕布',conent:'我的貂蝉在哪里'}