首页 > 其他 > 详细

react中对象扩展运算符使用问题

时间:2018-05-09 20:31:05      阅读:407      评论:0      收藏:0      [点我收藏+]

看别人代码看到

render() {
    return <Modal {...this.props}> {this.props.children} </Modal>
}

对其中的{...this.props}产生了疑惑。我们知道在JSX中遇到{}就以js来解析,所以遇到{...this.props}左边的{时,开始以js来解析,按照ES7的对象扩展运算符语法,无法解析
成对象,因为需要再多一个{}包住...this.props才行,否则会报错,更别提把父组件属性传给子组件使用了,那么是怎么运作的呢。


这个是JSX在实现中做的事情,一个传递的shortcut,它能够识别spread syntax到props中去

一个你就把它当作是jsx的语法来使用;一个如果你想知道为什么,读实现去

https://segmentfault.com/q/1010000005028077

react中对象扩展运算符使用问题

原文:https://www.cnblogs.com/zhansu/p/9016251.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!