/Javascript/React/How to add comma in react map

How to add comma in react map

var List = React.createClass({
  render: function() {
    return (
      <div>
        {
          this.props.data.map(function(item, index) {
            return <span key={`demo_snap_${index}`}>{ (index ? ', ' : '') + item }</span>;
          })
        }
      </div>
    );
  }
});

var data = ["red", "green", "blue"];

ReactDOM.render(<List data={data} />, demo);

Source: stackoverflow.com

Similar codes

0 vote125 views1 answer
React router dom default params
Javascript React
0 vote131 views1 answer
Reactnative print in ios
Javascript React
5 votes148 views3 answers
React default proptypes
Javascript React
0 vote134 views1 answer
React should write method in a functional component or outside functional component
Javascript React
3 votes115 views2 answers
React router active link css
Javascript React
91 votes274 views7 answers
React-router-dom
Javascript React
1 vote135 views2 answers
Cannot read property of undefined (reading 'push') react
Javascript React
0 vote123 views2 answers
React foreach loop
Javascript React
1 vote159 views2 answers
Deploy create react app pm2
Javascript React
11 votes125 views5 answers
React router refresh page
Javascript React