react 三個點代表什么-世界快消息

          來源:php中文網 | 2022-12-27 17:06:37 |


          (資料圖)

          本教程操作環境:Windows10系統、react18.0.0版、Dell G3電腦。

          react 三個點代表什么?

          代表“延展操作符”。

          這個 … 操作符(也被叫做延展操作符 - spread operator)已經被 ES6 數組 支持。它允許傳遞數組或者類數組直接做為函數的參數而不用通過apply。

          var people=["Wayou","John","Sherlock"];//sayHello函數本來接收三個單獨的參數人一,人二和人三function sayHello(people1,people2,people3){    console.log(`Hello ${people1},${people2},${people3}`);}//但是我們將一個數組以拓展參數的形式傳遞,它能很好地映射到每個單獨的參數sayHello(...people);//輸出:Hello Wayou,John,Sherlock //而在以前,如果需要傳遞數組當參數,我們需要使用函數的apply方法sayHello.apply(null,people);//輸出:Hello Wayou,John,Sherlock

          而在 React 中,延展操作符一般用于屬性的批量賦值上。在JSX中,可以使用…運算符,表示將一個對象的鍵值對與ReactElement的props屬性合并。

          var props = {};  props.foo = x;  props.bar = y;  var component = <Component {...props} />;  //等價于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"

          推薦學習:《react視頻教程》

          以上就是react 三個點代表什么的詳細內容,更多請關注php中文網其它相關文章!

          關鍵詞: React

          亚洲人配人种jizz| 亚洲AV美女一区二区三区| 亚洲一区二区三区香蕉| 亚洲1区2区3区精华液| 亚洲午夜一区二区三区| 亚洲成综合人影院在院播放| 亚洲黄色网址在线观看| 亚洲一区精品中文字幕| 久久亚洲AV成人无码国产| 亚洲综合一区二区精品导航| 亚洲一区中文字幕久久| 亚洲永久永久永久永久永久精品| 亚洲成色999久久网站| 亚洲成a人片在线观看中文动漫| 久久精品国产精品亚洲蜜月| 亚洲成av人影院| 亚洲视频一区调教| 97久久精品亚洲中文字幕无码| 麻豆亚洲av熟女国产一区二| 亚洲精品在线免费观看视频| 亚洲国产日韩在线人成下载| 亚洲av永久无码精品三区在线4| 亚洲精品国产精品国自产网站| 亚洲人成网男女大片在线播放| 亚洲乱亚洲乱妇无码| 亚洲aⅴ天堂av天堂无码麻豆| 免费亚洲视频在线观看| 国产国拍亚洲精品福利 | 中文有码亚洲制服av片| 亚洲日韩精品国产3区| 国产亚洲一卡2卡3卡4卡新区| 亚洲成A人片77777国产| 国产成人精品久久亚洲| 国产亚洲欧洲精品| 久久久久亚洲av无码专区导航| 亚洲欧洲日产v特级毛片| 亚洲综合色婷婷在线观看| 18禁亚洲深夜福利人口| 区三区激情福利综合中文字幕在线一区亚洲视频1 | 亚洲欧洲日产韩国在线| 最新亚洲春色Av无码专区|