快来加入我们吧！《小河山菜鸟》为前端开发者提供技术资料和系列基础文章。为了更好的用户体验，请移步我们的官网小河山菜鸟（https://xhs-rookies.com/）学习，及时获取最新文章。“代码裁缝”，如果您对我们的文章感兴趣，或者想提点建议，请关注“小河山菜鸟”微信公众号，与我们取得联系，您也可以在微信上观看我们的文章。每一个建议或认可，都是对我们莫大的鼓励！实践案例（三）：消息功能的改版这次我们学到了一些新的内容，需要对之前的版本进行改版。添加了点赞功能如果我们需要点赞评论怎么办？如果像上次那样传入一个属性来控制是否显示点赞，这样就可以了。上次我们抽象了InputComponent输入框组件和EvaluateComponent列表显示组件这两个组件，这次需要添加一个评论组件来完成点赞功能。去除不必要的组件上次我们将InputComponent输入框组件和EvaluateComponent列表显示组件抽象出来放在组件文件夹中。我们首先将这两个组件直接放在App.js中。（为了直观起见，我们把这两个抽象的直接放在App.js中）我们只需要抽象一个评论组件，在最后一个EvaluateComponent列表展示组件中加入我们的like函数，在每个列表中我们就可以点赞所有的评论。所以我们修改首页App.js如下：.state={title:'HelloReact',desc:'你知道有这样一个团队吗？他们怀揣梦想，努力奋斗。作为一群大学新秀，他们放弃了平时的娱乐时间，选择了一起学习，一起成长。他们把平时的学习笔记和心得总结成文章。目的很简单，希望能帮助像他们这样的菜鸟？你想知道更多吗？快搜微信公众号：小河山菜鸟，加入他们吧！',评论:[{headPortrait:'https://xhs-rookies.com/img/rookie-icon.png',time:newDate(2021,4,14,21,2,30),nickName:'SmallRookie',detail:'这是一个即将出系列文章的团队，一起期待他们的作品吧！',liked:true,likeNum:23,},],text:'',}}render(){const{title,desc,comments,text}=this.状态返回({title}
