jc-biz-components/components/description-list/Describe.js

jc component library based on Antd

import React from 'react'
import PropTypes from 'prop-types'
import classNames from 'classnames'
import { Col } from 'antd'
// import styles from './index.less'
import responsive from './responsive'

const Describe = ({ term, column, className, children, ...restProps }) => {
  const prefixCls = 'jc-description'
  const clsString = classNames(prefixCls, className)
  return (
    <Col className={clsString} {...responsive[column]} {...restProps}>
      <Col>
        <Col span={3}>{term && <div className={`${this.props.prefixCls}-term`}>{term}：</div>}</Col>
        <Col span={21}>{children && <div className={`${this.props.prefixCls}-detail`}>{children}</div>}</Col>
      </Col>
    </Col>
  )
}

Describe.defaultProps = {
  term: '',
  children: ''
}

Describe.propTypes = {
  term: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
}

export default Describe