react 加粗_React中设置样式

使用一个小例子来演示React中样式的使用，如下图，做一个静态的评论列表组件：

1.创建两个JSX文件：CmtItem.jsx和CmtList.jsx

CmtList.jsx:

import React from 'react';//导入评论项子组件

import CmtItem from '@/components/CmtItem'

//使用class关键字定义父组件

export defaultclass CmtList extends React.Component{

constructor(){

super();this.state ={//这是评论列表数据

CommentList: [

{id:1, user: "张三", content: "哈哈，沙发"},

{id:2, user: "李四", content: "哈哈，板凳"},

{id:3, user: "王五", content: "哈哈，凉席"},

{id:4, user: "赵六", content: "哈哈，砖头"},

{id:5, user: "田七", content: "哈哈，热炕头"}

]

}

}

render(){return

这是评论列表组件

{this.state.CommentL