第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

react字符串轉(zhuǎn)換為組件

react字符串轉(zhuǎn)換為組件

ABOUTYOU 2018-10-18 14:15:21
因為要循環(huán)添加某個東西,所以我只能想到通過字符串的方式添加組件,但是通過字符串添加渲染出來的組件就是一長串的字符串,而不是我想要的類似于retrun里的組件,請問有什么辦法可以解決這個問題嗎?另外,產(chǎn)生這個問題的原因是,我通過fetch接受到了一個list,我想遍歷list數(shù)組,每四個數(shù)據(jù)變成一組row,每一個數(shù)據(jù)單獨存放在一個col里面,如果直接用map的話,就不能把col放在row里面了,比如說,我想要list的第一個數(shù)據(jù)新建一個row,然后用col包裹起來,再把col放在row里,第二個第三個第四個都用col包裹起來,然后放到第一個row里,跟第一個數(shù)據(jù)放在一起。然后到第五個數(shù)據(jù)的時候,再新建一個row,再把第五個數(shù)據(jù)用col包裹起來放到新建的row里,第六個第七個第八個都用col包裹起來,放到第五個數(shù)據(jù)新建的row那里。
查看完整描述

1 回答

?
明月笑刀無情

TA貢獻(xiàn)1828條經(jīng)驗 獲得超4個贊

你的描述太長了。。。我就不仔細(xì)看了。。。我就說從你代碼里看到的問題吧:

既然你已經(jīng)用了JSX了,就不要再糾結(jié)于拼接字符串了。。。而是繼續(xù)用JSX來寫。

如果你用的是字符串,React就只會把它當(dāng)成字符串粘貼到DOM里面。。。如果你用的是JSX,React就會把它當(dāng)作React Element來解析。

栗子:

render(){

  return (

    <ul>

       {list ? list.map((value)=>{

         return (<li>{value}</li>)

       })}

    </ul>

  )

}

最后,鑒于你map要返回那么長一段JSX,我建議你考慮把里面的東西拿出來,封裝成一個組件好了


查看完整回答
反對 回復(fù) 2018-11-23
  • 1 回答
  • 0 關(guān)注
  • 2388 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號