Simple two column masonry layout for React

Columns.jsx

import React from 'react';

class Columns extends React.Component {
  render() {
    var columnFirst = []
    var columnSecond = []
    this.props.nodes.map(function(node, index) {
      if(index % 2 == 0) {
        columnFirst.push(node)
      } else {
        columnSecond.push(node)
      }
    })
    return (
      <div className="columns">
        <div className="column first">
          {columnFirst}
        </div>
        <div className="column second">
          {columnSecond}
        </div>
      </div>
    );
  }
};

module.exports = Columns;