React.js--15使用css样式表美化组件

1. 在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:'我的貂蝉在哪里'}