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

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

课程名称:react 16.4 快速上手

课程章节:代码优化

课程讲师: Dell Lee

课程内容:

代码的优化可以对组件的性能有很大的提升。onchange事件bind(this)一个方法,这样在div里绑定的组件的性能很低,为了提升组件的性能。可以在constructor(){this.handleBtnClick = this.handleBtnClick.bind(this)},在元素中直接this.handleBtnClick使用就行。render子组件的时候有要写很多,那就可以搞成一个函数,getTodoItem(){}把所需要的子组件的内容return回来,在render中就可以直接this.getTodoItem。

课程收获:

这节课的内容主要是讲代码的优化,组件的编写就是为了更方便的使用,节省代码量,所以代码的优化可以对组件的性能有很大的提升。在初始化组件时候可以先把按钮事件的this指向先指向子组件,在父组件中可以先定义一个函数,然后在返回的元素中直接this.getXXX使用就行。todolist组件到这已经算是结束了,下一步是CSS怎么用,接下来继续...

https://img1.sycdn.imooc.com//635d2997000105c613020684.jpg

点击查看更多内容
TA 点赞

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

评论

作者其他优质文章

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

100积分直接送

付费专栏免费学

大额优惠券免费领

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

举报

0/150
提交
取消