如何將CSS應用於v15中由React渲染的數組？

在React中，JSX中的數組元素現在呈現爲text而不是跨度。我看了，但我似乎無法弄清楚如何將CSS樣式應用於這些元素。這是可能的，或者我需要映射數組以手動生成跨度現在，並將CSS應用於跨度？如何將CSS應用於v15中由React渲染的數組？

例如

this.props.items.map((item,i) => { return <span>{item}</span>})

來源

2016-08-02 Mark Aquino

你肯定添加CSS到跨度是擺在首位的好主意嗎？爲什麼不添加一個類名到你想要的地圖內的任何元素？ – azium

如果您忽略了''評論，那只是文本，對不對？試想一下，沒有React，如何將CSS應用於該文本？通過在包含元素上放置一個類。如果那是不可能的，那麼是的，只是將它們包裹在一個跨度中。 –

這似乎是一個很好的建議，但也只是普遍好奇如何或如果你可以將CSS應用於現在以這種方式呈現的文本。 @DavidGilbertson：我試過了，在我的情況下不起作用。儘管我有一個解決方法。 –

我認爲最好的答案是使用地圖功能來具體呈現的項目，如任何類型你喜歡的HTML元素（即跨度，div的，等等）的組合，並使用@ azium的建議如果需要的話，使用元素的自定義className。

即

var customSpans = this.props.items.map( item => <span className='someCssClass'>{item}</span> );

來源

2016-08-03 00:53:53

如何將CSS應用於v15中由React渲染的數組？

回答

相關問題