jimu-mobile/src/components/grid/grid.js

积木组件库助力移动端开发

/* yanshenshen 2017、11、20 */
import React, { Component } from 'react';
import classNames from 'classnames';

class Grid extends Component {
  constructor(props) {
    super(props);
  }

  componentDidMount() {}

  render() {
    const {
        flexCells, className, children, ...others
      } = this.props,
      cls = classNames({
        'jimu-grid': true,
        'jimu-grid-flex': flexCells,
        [className]: className,
      });
    return (
      <div className={cls} {...others}>
        {React.Children.map(children, (child, i) => {
           if (!child) { return; }
           const contentCls = classNames({
             'jimu-cell': true,
           });
           return (
             <div className={contentCls} key={i}>
               {child}
             </div>
           );
         })}
      </div>
    );
  }
}

module.exports = Grid;