(資料圖)
本教程操作環(huán)境：Windows10系統(tǒng)、react18.0.0版、Dell G3電腦。
react 三個(gè)點(diǎn)代表什么?
代表“延展操作符”。
這個(gè) … 操作符（也被叫做延展操作符 － spread operator）已經(jīng)被 ES6 數(shù)組 支持。它允許傳遞數(shù)組或者類數(shù)組直接做為函數(shù)的參數(shù)而不用通過apply。
var people=["Wayou","John","Sherlock"];//sayHello函數(shù)本來接收三個(gè)單獨(dú)的參數(shù)人一，人二和人三function sayHello(people1,people2,people3){ console.log(`Hello ${people1},${people2},${people3}`);}//但是我們將一個(gè)數(shù)組以拓展參數(shù)的形式傳遞，它能很好地映射到每個(gè)單獨(dú)的參數(shù)sayHello(...people);//輸出：Hello Wayou,John,Sherlock //而在以前，如果需要傳遞數(shù)組當(dāng)參數(shù)，我們需要使用函數(shù)的apply方法sayHello.apply(null,people);//輸出：Hello Wayou,John,Sherlock而在 React 中，延展操作符一般用于屬性的批量賦值上。在JSX中，可以使用…運(yùn)算符，表示將一個(gè)對(duì)象的鍵值對(duì)與ReactElement的props屬性合并。
var props = {}; props.foo = x; props.bar = y; var component = <Component {...props} />; //等價(jià)于var props = {}; props.foo = x; props.bar = y; var component = <Component foo={x} bar={y} />;它也可以和普通的XML屬性混合使用，需要同名屬性，后者將覆蓋前者：
var props = { foo: "default" };var component = <Component {...props} foo={"override"} />;console.log(component.props.foo); // "override"推薦學(xué)習(xí)：《react視頻教程》
以上就是react 三個(gè)點(diǎn)代表什么的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
關(guān)鍵詞： React
營(yíng)業(yè)執(zhí)照公示信息