TodoList的属性及实现增删查改

最新推荐文章于 2023-04-23 09:06:45 发布

aaa1059971875

最新推荐文章于 2023-04-23 09:06:45 发布

阅读量274

点赞数

本文链接：https://blog.csdn.net/aaa1059971875/article/details/103686563

版权

该博客介绍了如何利用React的refs属性获取输入框值，并通过onChange事件处理TodoList的增删查改操作。

摘要由CSDN通过智能技术生成

                                   TodoList的属性及实现增删查改

1、通过refs属性获取输入框的值

import React from 'react';
class Todolist extends React.Component{
       
//构造方法
constructor(){
           
super();      
this.state={
               
mess:[]        
}         
}    
//按钮点击事件方法
 myOnclick(){
   
 //在内存中添加          
 this.setState({
               
 mess:[...this.state.mess,this.refs.myInput.value]        
 })        
 //点击添加按钮，清空输入框
this.refs.myInput.value='';   
 }    
render(){
             
return(          
<React.Fragment>       
<input type='text' ref='myInput'></input>       
<button onClick={
   this.myOnclick.bind(this)}>添加</button>      
<ul>        
{
   this