CoffeeScript => ES6 + JSX

coffeescript2jsx.js.jsx

// CoffeeScript:
// @CampaignList = React.createClass
//
//   render: ->
//     div { className: 'content-wrapper' },
//       for campaign in @props.data
//         React.createElement(CampaignCard,
//           key: campaign.id
//           campaign: campaign
//         )


// ES6 + JSX
class CampaignList extends React.Component {
  render() {
    const campaign_cards = this.props.data.map(campaign => {
        return <CampaignCard key={campaign.id} campaign={campaign}></CampaignCard>
    });
    return <div className="content-wrapper">
      {campaign_cards}
    </div>
  }
}