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

Update with React 16: It's now possible to render strings directly, so you can simplify your code by removing all the useless tags.

const list = ({ data }) => data.reduce((prev, curr) => [ prev, ', ', curr ]);