在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> ); })