如何将CSS应用于V15中React呈现的数组？

Question

在React v15中，JSX中的数组元素现在呈现为<!--react-text:some_id-->text<!--/react-text-->而不是跨度。我看过，但我似乎无法弄清楚如何将CSS样式应用于这些元素。这是可能的还是我需要映射数组以手动生成跨度并将CSS应用于跨度？

e.g。

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

Answer 1

我认为最好的答案是结合使用map函数将项目专门渲染为您喜欢的任何类型的html元素（即跨度，div等），并使用@ azium的建议使用自定义className元素如果需要的话。

即

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