text: import React, { Component } from 'react'
  import { Input, Row, Col, message } from 'antd'
  import MyContainer from './decorator'
  
  let handleonce = true
  
  // const MyContainer = (WrappedComponent) =>
  // 	class extends Component {
  // 		render() {
  // 			console.log(this.props)
  // 			return <WrappedComponent {...this.props} />
  // 		}
  // 	}
  
  @MyContainer  // 相当于原来外组件 => 子组件 现在变为 外组件 => 装饰器 => 子组件
  export default class Salary extends Component {
  	constructor(props) {
  		super(props)
  		this.state = {
  			old: '',
  			medical: '',
  			offwork: '',
  			house: '',
  			pretax: '',
  			tax: '',
  			output: '',
  		}
  	}
  
  	handleChange = (e) => {
  		console.log('handleChange')
  		const input = e.target.value
  		if (handleonce && input >= 10000) {
  			handleonce = false
  			message.success('呦！不错哦，工资上万了')
  		}
  		const old = input * 8 / 100
  		const medical = input * 2 / 100 + (input > 0 ? 3 : 0)
  		const offwork = input * 2 / 1000
  		const house = input * 12 / 100
  		const pretax = (input - old - medical - offwork - house)
  		const taxBase = pretax - 3500
  		let tax
  		if (taxBase <= 0) {
  			tax = 0
  		} else if (taxBase > 0 && taxBase <= 1500) {
  			tax = taxBase * 3 / 100
  		} else if (taxBase > 1500 && taxBase <= 4500) {
  			tax = taxBase * 10 / 100 - 105
  		} else if (taxBase > 4500 && taxBase <= 9000) {
  			tax = taxBase * 20 / 100 - 555
  		} else if (taxBase > 9000 && taxBase <= 35000) {
  			tax = taxBase * 25 / 100 - 1005
  		} else if (taxBase > 35000 && taxBase <= 55000) {
  			tax = taxBase * 30 / 100 - 2775
  		} else if (taxBase > 55000 && taxBase <= 80000) {
  			tax = taxBase * 35 / 100 - 5505
  		} else if (taxBase > 80000) {
  			tax = taxBase * 45 / 100 - 13505
  		}
  		const cleanTax = tax.toFixed(2)
  		const output = (pretax - tax).toFixed(2)
  
  		this.setState({
  			old: old,
  			medical: medical,
  			offwork: offwork,
  			house: house,
  			pretax: pretax,
  			tax: cleanTax,
  			output: output,
  		})
  	}
  
  	render() {
  		return (
  			<div style={{ marginTop: 80 }}>
  				<Row type="flex" justify="center" className="rowItem">
  					<Col span={10}>
  						<Input type="number" addonBefore="应发工资：" placeholder="请输入应发工资" addonAfter="￥" onChange={this.handleChange} className="rowInput" />
  					</Col>
  				</Row>
  				<Row type="flex" justify="center" className="rowItem">
  					<Col span={10}>
  						<Input addonBefore="养老保险：" addonAfter="￥" placeholder="等待应发工资输入" readOnly value={this.state.old} />
  					</Col>
  				</Row>
  				<Row type="flex" justify="center" className="rowItem">
  					<Col span={10}>
  						<Input addonBefore="医疗保险：" addonAfter="￥" placeholder="等待应发工资输入" readOnly value={this.state.medical} />
  					</Col>
  				</Row>
  				<Row type="flex" justify="center" className="rowItem">
  					<Col span={10}>
  						<Input addonBefore="失业保险：" addonAfter="￥" placeholder="等待应发工资输入" readOnly value={this.state.offwork} />
  					</Col>
  				</Row>
  				<Row type="flex" justify="center" className="rowItem">
  					<Col span={10}>
  						<Input addonBefore="住房公积：" addonAfter="￥" placeholder="等待应发工资输入" readOnly value={this.state.house} />
  					</Col>
  				</Row>
  				<Row type="flex" justify="center" className="rowItem">
  					<Col span={10}>
  						<Input addonBefore="税前工资：" addonAfter="￥" placeholder="等待应发工资输入" readOnly value={this.state.pretax} id="red" />
  					</Col>
  				</Row>
  				<Row type="flex" justify="center" className="rowItem">
  					<Col span={10}>
  						<Input addonBefore="个人税收：" addonAfter="￥" placeholder="等待应发工资输入" readOnly value={this.state.tax} />
  					</Col>
  				</Row>
  				<Row type="flex" justify="center" className="rowItem">
  					<Col span={10}>
  						<Input addonBefore="税后工资：" addonAfter="￥" placeholder="等待应发工资输入" readOnly value={this.state.output} id="blue" />
  					</Col>
  				</Row>
  				<Row type="flex" justify="center" className="rowItem">
  					<Col span={10}>
  						<div className="issue">如若结果出现误差<a href="https://github.com/MuYunyun/react-antd-demo/issues" target="_blank" rel='noopener noreferrer'>点此提issue</a>，O(∩_∩)O</div>
  					</Col>
  				</Row>
  			</div>
  		)
  	}
  }