亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

React.js 給組件屬性賦值的展開運算符應該怎么理解?

React.js 給組件屬性賦值的展開運算符應該怎么理解?

開心每一天1111 2019-05-19 20:49:15
創建一個組件然后渲染到頁面上:classpersonextendsReact.Component{constructor(name,age){this.name=name;this.age=age;}render(){return({this.props.name}--{this.props.age});}}constdata={name:'張三',age:12}ReactDom.render(,document.getElementById('app'))我的問題是,...代表展開運算符,在這里我的理解...data相當于把data給解構賦值了吧?,如果是解構賦值的話,ReactDom.render(,document.getElementById('app')),這樣寫為什么會報錯呢?非要這樣寫才正確...這里很迷惑,不知道這個'...'符號到底做了什么,
查看完整描述

2 回答

?
繁星coding

TA貢獻1797條經驗 獲得超4個贊

因為這里并不是標準的js語法啊。
那么既然不標準,React想讓{...data}映射到(包括但可以不限于)下面兩種模式:
{key1:val1,key2:val2,...}
key1={data.val1}key2={data.val2}...
哪一種都是它說了算,畢竟這個地方是...這個JSX的地盤。
那么對于JSX來說,顯然第二種才是符合它的語法的。
                            
查看完整回答
反對 回復 2019-05-19
  • 2 回答
  • 0 關注
  • 357 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號