jc-biz-components/components/editable-cell2/index.js

jc component library based on Antd

import React, { Component } from 'react'
import { InputNumber, Input } from 'antd'
// import styles from './style.less'

export default class EditableCell2 extends Component {
  render() {
    const { value, min, step, precision, componentType, prefixCls = 'jc-editable-cell' } = this.props
    return (
      <div className={prefixCls}>
        <div className={`${prefixCls}-input-wrapper`}>
          {componentType === 'InputNumber' ? (
            <InputNumber
              value={value}
              onChange={value => this.props.onChange(value)}
              onPressEnter={this.check}
              min={min}
              step={step}
              precision={precision}
            />
          ) : (
            <Input
              value={value ? value.toString() : ''}
              onChange={e => this.props.onChange(e.target.value)}
              onPressEnter={this.check}
            />
            )}
        </div>
      </div>
    )
  }
}