亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何重寫冗余方法聲明并創建更短的方法聲明?

如何重寫冗余方法聲明并創建更短的方法聲明?

狐的傳說 2021-10-29 16:59:36
我已經聲明了相同的 const 值(有點)。這是我到目前為止...import React from 'react'function Component_a() {   const x = 5;   const y = 10;   const image_a = [...Array(x)].map((e, i) =>       <div className="image" key={i}>           <img src="img/image.png" alt="" />       </div>   )   const image_b = [...Array(y)].map((e, i) =>       <div className="image" key={i}>           <img src="img/image.png" alt="" />       </div>   )   return (      {/*some more codes*/}   )}export default Component_a看起來有點煩人,尤其是當我添加更多這樣的冗余行時。謝謝你的幫助。
查看完整描述

2 回答

?
慕少森

TA貢獻2019條經驗 獲得超9個贊

因為唯一看起來會改變的是數組的長度,只需從中創建一個函數,然后調用該函數兩次(或根據需要多次調用):


const makeImages = length => Array.from(

  { length },

  (_, i) => (

    <div className="image" key={i}>

      <img src="img/image.png" alt="" />

    </div>

  )

);


function Component_a() {

   const x = 5;

   const y = 10;

   const image_a = makeImages(x);

   const image_b = makeImages(y);

   return (

      {/*some more codes*/}

   )

}


查看完整回答
反對 回復 2021-10-29
  • 2 回答
  • 0 關注
  • 183 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號