react类似于vue的data定义数据跟table动态添加

react的data定义数据：

constructor(props) {
    super(props);
    this.state = {
     arr:[]
    };
     this.click3= this.click3.bind(this);
  }

table动态添加

  click3=()=>{
    var out=''
    this.state.arr.push({name:this.state.name})
    var a=0
    this.state.arr.forEach((item,index)=>{
     out += `
     <tr>
         <td>${a++}</td>
         <td>${this.state.arr[index].name}</td>
     </tr>
     ` 
    })
    var mybody= document.getElementById("mybody")
    mybody.innerHTML=out
  }

  inputChanghe(e){
   var username=e.target.value
    this.setState({
       name:username
    })
  }