在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ HTML/ 屬性擴(kuò)散
React 組件
Redux 的基礎(chǔ)概念
JSX
DOM 操作
在 React 應(yīng)用中使用 Redux
進(jìn)化 Flux
Webpack 配置 React 開發(fā)環(huán)境
服務(wù)器端渲染
組合組件
表單
屬性擴(kuò)散
開發(fā)環(huán)境配置
組件生命周期
Data Flow
JSX 與 HTML 的差異
組件間通信
使用 JSX
事件處理
Flux
React 概覽
Mixins
Redux

屬性擴(kuò)散

有時(shí)候你需要給組件設(shè)置多個(gè)屬性,你不想一個(gè)個(gè)寫下這些屬性,或者有時(shí)候你甚至不知道這些屬性的名稱,這時(shí)候 spread attributes 的功能就很有用了。

比如:

var props = {};
props.foo = x;
props.bar = y;
var component = <Component {...props} />;

props 對象的屬性會(huì)被設(shè)置成 Component 的屬性。

屬性也可以被覆蓋:

var props = { foo: 'default' };
var component = <Component {...props} foo={'override'} />;
console.log(component.props.foo); // 'override'

寫在后面的屬性值會(huì)覆蓋前面的屬性。

關(guān)于 ... 操作符

The ... operator (or spread operator) is already supported for arrays in ES6. There is also an ES7 proposal for Object Rest and Spread Properties.

上一篇:進(jìn)化 Flux