1 import React,{Component,Fragment} from 'react' 2  3 class App extends Component { 4   constructor(){ 5     super()  // 要想使用this必须使用super 6     this.state = { 7       postList:[ 8         'item1', 9         'item2',10         'item3'11       ],12       inputValue:"test"13     }14   }15   render(){16     // jsx语法17      return (18        
     
      19           
      
        20             {21                this.state.postList.map((value,index)=>{22                  return (23                     
       
{ value }24                         删除25                     
26                   )27                })28             }29           
      
30           
      
        {
   this.state.inputValue} 
      
31           
      
       32             
       36              
       
37             
       发布38           
      
39       
     40     )41   }42   submit(){43     console.log(0)44     this.setState({45     // postList:this.state.postList.push(e.target.value) 错误的，改变了postList原来的值，且要用this.setState设置postList46       postList:[...this.state.postList,this.state.inputValue],47       inputValue:""48     })49   }50   handleInput(e){51     // this.state.inputValue = e.target.value   错误的，不能直接赋值52     // 需要bind(this)改变this指向，让this指向这个实例53     this.setState({54       inputValue:e.target.value,55     })56   }57   delete(index){58     // 删除操作需要保留一个副本，在副本上进行操作，该postList是局部的postList,不影响全局的postList59     let postList = [...this.state.postList]60     postList.splice(index,1)  61     // 数组删除操作用splice62     this.setState({63       postList,64     })65   }66 } 67 68 export default App

这样，就可以通过react语法简单实现表单提交增加、删除操作！