在jsx中使用collection.map就好

可以在component內(nèi)部定義一個(gè)或者外部傳入一個(gè)mapper函數(shù)

constmapper=(item)=>{return(

<MyItem>{item.name}</MyItem>

)}

然后在render的jsx中

{collection.map(mapper)}

才發(fā)現(xiàn)fb

如何在 React 中運(yùn)用 CSS？

建議 CSS in JS 寫法，雖然感覺推翻了多年的 CSS 工作進(jìn)展。主要原因還是 CSS 的全局污染。模塊化、組件化一直是前端不斷優(yōu)化追求的目標(biāo)。傳統(tǒng)的 CSS 無法很好的進(jìn)行模塊化。只能人為通過命名空間來約束這段樣式在某個(gè)模塊中，這種約束很弱的，指不定哪天來個(gè)新人不知道這個(gè)，就隨便命名產(chǎn)生沖突影響了其他的組件。而 CSS in JS 的寫法，可以解決這個(gè)問題。如果有些場景實(shí)在是需要 CSS 外聯(lián)才能實(shí)現(xiàn)（比如 animation 的一些動(dòng)畫），可以使用 Glen Maddern: Internet Pro CSS modules 來解決這個(gè)問題。