react新規1行データ削除1行データ

import React, { Component} from 'react'
import {Table,Button,message,Popconfirm,Row,Col,Form,Input,Select,Icon,Modal} from 'antd'
import {fetchPost, fetchPostXd} from '../../../../utils/request'
import {history, origin} from "../../../../utils/config"

const FormItem = Form.Item;
class List extends React.Component {
  constructor(props){
    super(props)
    this.state={
      listA:[""],
      listB:[""],
    }
  };

  addValue(){
    this.state.listA.push("")
    this.setState({
      listB:this.state.listA
    })
  }
  changeValue(i,value){
    this.state.listA[i] = value
    this.setState({
      listB:this.state.listA
    })
  }
  del(index){
    var lists=this.state.listB;
    lists.splice(index,1);
    this.setState({listB:lists})
  }
  componentDidMount() {

  }
  render(){
    return(
      


        {
          this.state.listB && this.state.listB.map((item,i)=>{
            console.log("i==="+i+"item"+item)
            return(
              

                {this.changeValue(i,e.target.value)}}/> this.del(i)}> 
                

              
            )
          })
        }
        {this.addValue()}} > 

      
    );
  }
}

List = Form.create()(List);
export default List