/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 vote293 views1 answer
React version on CMD
Javascript React
7 votes174 views2 answers
How to pass a component as a prop in react
Javascript React
0 vote191 views1 answer
. What is the use of the return function in the React Native Framework?
Javascript React
0 vote150 views3 answers
Flash effect in react native
Javascript React
15 votes229 views1 answer
Did you mean to use React.forwardRef()?
Javascript React
0 vote196 views1 answer
Import typography react
Javascript React
0 vote227 views1 answer
State creation in class components reactjs interview questions
Javascript React
32 votes192 views6 answers
Font awesome react
Javascript React
1 vote188 views2 answers
Line break in react
Javascript React
3 votes185 views2 answers
React native width auto
Javascript React