zent/src/grid/Body.js

一套前端设计语言和基于React的实现

import React, { PureComponent, Component } from 'react';
import PropTypes from 'prop-types';
import get from 'lodash/get';
import forEach from 'lodash/forEach';
import Row from './Row';

class Body extends (PureComponent || Component) {
  getRows() {
    const {
      prefix,
      datasets,
      columns,
      rowKey,
      rowClassName,
      onRowClick,
      fixed,
      fixedColumnsBodyRowsHeight
    } = this.props;
    const row = [];

    forEach(datasets, (data, index) => {
      row.push(
        <Row
          data={data}
          columns={columns}
          index={index}
          rowIndex={index}
          prefix={prefix}
          key={rowKey ? get(data, rowKey) : index}
          rowClassName={rowClassName}
          onRowClick={onRowClick}
          fixed={fixed}
          fixedColumnsBodyRowsHeight={fixedColumnsBodyRowsHeight}
        />
      );
    });

    return row;
  }

  render() {
    const { prefix } = this.props;

    return <tbody className={`${prefix}-grid-tbody`}>{this.getRows()}</tbody>;
  }
}

Body.propTypes = {
  prefix: PropTypes.string,
  columns: PropTypes.array
};

export default Body;