评论列表组件

最新推荐文章于 2024-06-23 09:43:47 发布

fanxiao_168

最新推荐文章于 2024-06-23 09:43:47 发布

阅读量1.6k

点赞数

分类专栏： React 文章标签： style 列表组件

本文链接：https://blog.csdn.net/weixin_42206243/article/details/93004639

版权

本文介绍如何使用React构建一个评论列表组件，包括CmtList和CmtItem两个子组件，以及在styles.js中进行样式定制。

摘要由CSDN通过智能技术生成

在这里插入图片描述

index.js

// 1. 导入包
import React from 'react'
import ReactDOM from 'react-dom'

//导入评论组件
import CmtList from '@/components/CmtList'

// 3. 调用 render 函数渲染
ReactDOM.render(<div>
 
<CmtList></CmtList>

</div>, document.getElementById('app'))

CmtList.jsx

import React from 'react'
import CmtItem from "@/components/CmtItem"

export default class 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:"田七