首頁猿問 React.js...

React.js 給組件屬性賦值的展開運(yùn)算符應(yīng)該怎么理解?

JavaScript

慕哥9229398 2019-05-20 18:04:05

創(chuàng)建一個組件然后渲染到頁面上: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'))我的問題是,...代表展開運(yùn)算符，在這里我的理解...data相當(dāng)于把data給解構(gòu)賦值了吧？，如果是解構(gòu)賦值的話，ReactDom.render(,document.getElementById('app'))，這樣寫為什么會報錯呢？非要這樣寫才正確...這里很迷惑，不知道這個'...'符號到底做了什么，

查看完整描述

2 回答

智慧大石

TA貢獻(xiàn)1946條經(jīng)驗(yàn) 獲得超3個贊

因?yàn)檫@里并不是標(biāo)準(zhǔn)的js語法啊。那么既然不標(biāo)準(zhǔn)，React想讓{...data}映射到（包括但可以不限于）下面兩種模式:{key1:val1,key2:val2,...}key1={data.val1}key2={data.val2}...哪一種都是它說了算，畢竟這個地方是...這個JSX的地盤。那么對于JSX來說，顯然第二種才是符合它的語法的。