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

          亚洲欧美国产精品专区久久| 亚洲视频日韩视频| 亚洲第一网站免费视频| 亚洲人成网www| 久久夜色精品国产嚕嚕亚洲av| 亚洲中文字幕无码不卡电影 | 亚洲网站在线免费观看| 666精品国产精品亚洲 | 亚洲电影日韩精品| 亚洲免费视频一区二区三区| 亚洲国产a级视频| 国产成人精品日本亚洲专区 | 国产亚洲精品资在线| 国产AV无码专区亚洲AWWW| 亚洲五月综合缴情在线观看| 亚洲熟妇中文字幕五十中出| 亚洲国产精品无码专区影院| 亚洲AV无码国产丝袜在线观看| 亚洲国产精品线在线观看| 久久精品国产亚洲av麻豆色欲| 亚洲综合激情视频| 国产日本亚洲一区二区三区| 亚洲综合一区二区三区四区五区 | 久久久久久久尹人综合网亚洲| 亚洲AV无码专区亚洲AV伊甸园| 亚洲一区二区电影| 亚洲欧洲另类春色校园小说| 亚洲一区二区三区久久| 亚洲日韩中文字幕一区| 爱爱帝国亚洲一区二区三区| 亚洲一区二区三区在线视频 | 亚洲中文字幕久久精品蜜桃 | 国产亚洲精彩视频| 超清首页国产亚洲丝袜| 亚洲成AV人片在线观看| 亚洲美女视频网址| 亚洲一区二区观看播放| 亚洲第一黄色网址| 久久亚洲精品中文字幕三区| 亚洲视频在线观看不卡| 亚洲综合色丁香婷婷六月图片|