1实现如下功能

2拆分组件：

    应用组件：App

    添加评论组件:CommentAdd

    评论项组件：CommentItem

    评论列表组件：CommentList

3确认组件的state和props：

    App：

        state：comments/array

    CommentAdd

        state:    username/string

        props:   addComment/function

    CommentList

        props: comments/array     deleteComment/function

    CommentItem

         props: comments/object    deleteComment/function    index/number

4目录结构

5代码

       首先入口文件index.js中,引入react，reactDom，以及自定义组件App

    在App组件中，state存储着用户评论的所有内容，并定义有删除，添加方法

    将App中的添加方法以props属性传递给子组件（添加评论）

    将App中的删除方法，和state中的评论内容 以props属性传递给子组件（评论列表）

在添加评论组件中，当点击提交按钮时，收集表单中用户填写的内容，拼成一个对象，调用父组件通过props传过来的方法，修改父组件中的state的值

与此同时，评论列表页 将父组件state的内容和 父组件的删除方法也通过props传给他的子组件（单条评论）

单条评论的组件 调用 传入的删除方法