javascript - es6对象的扩展运算符在redux中的问题
阿神
阿神 2017-04-11 11:25:13
[JavaScript讨论组]

在学习redux的todolist的时候,对于组件使用扩展运算符不是很清楚。想知道TodoList组件里的{...todo} 究竟引入了哪一些东西,以及为什么要给Todo组件加上key属性。

阿神
阿神

闭关修行中......

全部回复(2)
PHP中文网
{...todo}

就是把todo的所有属性就传入了Todo组件,比如:

var todo = { a:123,b:345 }
<Todo {...todo} /> //相当于 <Todo a="123" b="345" />

key 的的作用是为了给每个Todo组件一个唯一的标识,这里循环引用多个Todo组件,给每个组件一个唯一标识可以优化react的渲染。

巴扎黑

key是作为你map返回对象的唯一标识,对于react的渲染是非常有用的,可以优化速度,如果你不写也没有关系,只是会在调试的过程中warning 让你加标识
{...todo},es6语法,也是为了简化代码用的,它可以将todo这个json里面的所有内容作为这个组件,或者标签的属性,简化代码而已。jsonkey作为属性名称,jsonvalue作为属性的值

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号