点击添加按钮--出现一个框框（类似于添加学习经历-本科-研究生）

import React, { Component } from "react";

class Inner extends Component {
  defaultValue = {
    taskDescription: "",
    vehicleClean: ""
  };
  constructor() {
    super();
    this.state = [
        {
          taskDescription: "",
          vehicleClean: ""
        }
      ];
  }

  changeClean = e => {
    let clean = e.target.value;
    console.log(this);
    this.setState({
      vehicleClean: this.state.vehicleClean.concat(clean)
    });
    console.log(this.state.vehicleClean);
  };
  changeDescription = e => {
    // console.log(e.target.value);
    let description = e.target.value;
    this.setState({
      taskDescription: description
    });
  };

  componentWillMount = () => {
    this.showInner();
  };

  showInner = () => {
    this.setState( this.state.push(Object.assign({}, this.defaultValue)));
    console.log(result);
    taskModel = result.map((item, index) => (
      
         this.changeClean(e)}
        >
          请选
          洗车
          租车
          内饰
          打蜡
          贴膜
        
         this.changeDescription(e)}
        />
        

      
    ));
  };

  render() {
    return {taskModel};
  }
}

export default class AddTask extends Component {
  constructor() {
    super();
    this.state = {
      taskWarn: "",
      taskHelper: ""
    };
  }

  addInner = e => {
    e.preventDefault();
    this.refs.get.showInner();
    this.setState({
      taskWarn: ""
    });
  };

  render() {
    return (
      

        月任务量
        

          

            
          
           this.addInner(e)}
          >
            添加
          
        
        

          
            {this.state.taskHelper}
          
        
      
    );
  }
}