在jsx中使用collection.map就好

可以在component內部定義一個或者外部傳入一個mapper函數

constmapper=(item)=>{return(

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

)}

然后在render的jsx中

{collection.map(mapper)}

才發現fb

如何在 React 中運用 CSS？

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