在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

Wrap the <Label> and   in a containing element.

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