es6中元件屬性的形式

2021-09-17 07:19:33 字數 591 閱讀 8493

var info = ;

var myinfo = react.createclass(

});reactdom.render(

,document.getelementbyid('example')

);

以上**的元件中,有兩個屬性,name 和 school,我們一般見的都是

或者

這兩種形式,但是也可以採用es6中的擴充套件運算子...來表達,即

的形式,表示info的所有可遍歷屬性都作為myinfo元件的屬性,這與

``
是等價的。如果不需要將info物件的所有屬性都作為myinfo元件的屬性,則盡量採用

``
形式。

需要注意的是,如果元件表示成

文中 ...為擴充套件運算子,具體可以檢視物件的擴充套件運算子

為react元件,具體可參考阮一峰react入門教程

ES6 匯出元件或屬性 方式案例

定義 匿名物件存放所需要的屬性 commondata.js export default 引用 引用匿名物件 此處的data可以定義任意名稱來指向commondata.js import data from commondata.js console.log data.title 固定方式 定義 定...

ES6 屬性的遍歷

1.for in 迴圈遍歷物件自身的和繼承的可列舉屬性 不含symbol屬性 2.obejct.keys obj 返回乙個陣列,包括物件自身的 不含繼承的 所有可列舉屬性 不含symbol屬性 3.object.getownpropertynames obj 返回乙個陣列,包含物件自身的所有屬性 不...

ES6 屬性的遍歷

可列舉屬性 描述物件的 enumerable 屬性成為 可列舉性 如果該屬性為 false,就表示某些操作會忽略當前屬性。for in,object.keys json.stringify 1 for in 迴圈遍歷物件自身的和繼承的可列舉屬性 不含 symbol 屬性 2 object.keys ...