儿子把数据交给爸爸

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

用户在提交评论以后,我们需要把评论的内容交给服务端去处理,然后需要再把新添加的评论显示在评论的列表上 .. 这些动作可以在 CommentBox 这个组件上去做 .. 因为这个组件拥有评论列表里的数据 ..

这样我们就需要一种方法,把在 CommentForm 评论表单上的新的评论内容上交给它的爸爸,也就是 CommentBox 这个组件 .. 可以这样 .. 在 CommentBox 上面添加一个方法 .. 把这个方法交给评论表单 .. 告诉它有人添加评论的时候把评论的内容放到这个方法里执行一下 .. 这样 CommentBox 就能得到用户在 CommentForm 上提交的新评论了 ..

先打开 CommentBox.js .. 添加一个方法 .. 名字是 handleCommentSubmit .. 给它一个参数,名字是 comment .. 先在控制台上输出这个 comment ..

找到这个组件的 render 方法 .. 在 CommentForm 的上面,添加一个属性 .. 名字可以是 onCommentSubmit .. 值就是刚才定义的这个方法 .. this.handleCommentSubmit ..

再打开 CommetForm 这个组件 .. 这里的 handleSubmit 方法就是在提交表单以后要执行的东西 .. 这里我已经得到了表单里的 author 还有 text ,也就是用户名还有评论的内容 ..

在下面再执行一下 this.props.onCommentSubmit .. 给它一个对象 .. 把 author 还有 text 放到这个对象里面 .

打开浏览器 .. 还有浏览器的控制台 .. 在评论表单里面添加点东西 .. 点击提交 .. 在控制台上,会输出一个对象 .. 里面有两个属性 .. 就是在表单上面添加的用户名还有评论的内容 ..

后面会显示这个信息是 CommentBox.js 输出的 ..

儿子把数据交给爸爸《 React 基础 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点