为了账号安全,请及时绑定邮箱和手机立即绑定

【金秋打卡】第2天 react16.4快速上手

课程名称:react 16.4 快速上手

课程章节:完成新增列表项的功能

课程讲师: Dell Lee

课程内容:

上一节课说到点击add的时候就增加一条列表数据,上一节课说的增加都是写死hello world。这节课主要是讲点击add的时候动态增加输入框的值作为列表的数据。设置一个state的inputvalue,绑定一个handleInputChange,改变inputvalue的数据为当前输入框的数据,点击click的时候设置的state的list为state的inputValue,这样,在输入框输入的数据,点击add之后,就会把输入框的数据增加到list.

课程收获:

本节课主要是进行一个react的todolist组件的继续编写。编写的是如何动态的把输入框的数据新增到列表之中,从编写的组件例子来看,主要是深入的了解react是一个面向数据的开发,只要改变数据,那么数据对象就会发生变化。这样就省略了原来要不断的设置元素的对象的代码。小例子已完成,接下来继续...




https://img4.sycdn.imooc.com/6357b4780001b76e13080683.jpg

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消