我有一个正在渲染一些结果的反应组件。我遇到的问题是 result.participants。这是一个数组,因此地图渲染两个名称时没有任何空格,我发现很难插入这些空格。
result.participants 是一个字符串数组。
如果长度>1,如何插入空格或一些逻辑来放入逗号和空格?
render: function(){
return (
<ul>
{
this.state.pads.map(function(result){
return [
<a href={result.pageUrl}>{result.title}</a>,
<li key={result.participants}>Participants: {result.participants} </li>,
<li key={result.summary}>Summary: {result.summary}</li>,
<li key={result.lastEdit}>Last Edited: {new Date(result.lastEdit).toDateString()} </li>,
<p></p>
];
})}
</ul>
)
}
如果你不关心将每个参与者包装在一个<span>
,你可以简单地使用内置的Array.prototype.join
method:
<li key={result.participants}>Participants: {result.participants.join(', ')} </li>,
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)