继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

平平无奇的打工人
关注TA
已关注
手记 35
粉丝 0
获赞 4

课程名称:react 16.4 快速上手

课程章节:实现列表项删除功能

课程讲师: Dell Lee

课程内容:

上一节课说到的是动态增加一条列表数据。有新增就会有删除,那这节课就来讲删除的功能。删除功能做在list上,点击list的时候就删除相对应的list数据。在li里设置一个click事件,点击li的时候,获取到li的index,再根据index,对state的list数据做删除。

课程收获:

前面说到新增,这节课主要是说删除。删除没有单独的做按钮删除,而是在li里加多一个click点击事件进行删除。点击的时候把当前的li的index传给点击事件,在点击事件里对数据进行删除。这里有个点要注意,删除的时候,不直接对数据源进行删除,而是要复制一个出来进行删除,这样就避免数据源被污染。简单的todolist已经完成了,下节课讲到组件的交互,那可是重点啊,接下来继续...

http://img3.mukewang.com/6359035a0001103912870671.jpg

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP