How to render react components by using map and join?

Question

I have one component which is going to display Array of String. The code looks like this:

React.createClass({
  render() {
     

        this.props         


        
      

Answer 1

This worked for me:

    {data.map( ( item, i ) => {
                  return (
                      {item.propery}
                    )
                  } ).reduce( ( prev, curr ) => [ prev, ', ', curr ] )}