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

Posted 2022-05-06 fengshaopu

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
    )