在reactjs中，如何映射数组并添加到返回值？

Question

我敢肯定这很简单，但是我找不到添加nbsp的正确语法； 给每个返回的值。

let tags = ['foo', 'bar', 'bas']
let rv = (this.state.data.tags.map((tag) => {
  return (<Label bsStyle="default" key={Math.random()}>tag</Label>) + '&nbsp;'})
)

我只是现在随机猜测语法而浪费时间。 有人可以建议在每个返回值末尾包含的正确方法吗？

谢谢

Answer 1

包装<Label>和  在一个包含元素中。

 let tags = ['foo', 'bar', 'bas']; let rv = tags.map((tag, index) => { return ( <div> <Label bsStyle="default" key={index}>tag</Label>&nbsp; </div> ); })