用REACT 实现简易TODOLIST的增删改查

一.思路

1、UI界面怎么实现；UI（User Interface）

2、功能代码实现：

（1）添加数据

（2）查询数据，展示

（3）删除数据

（4）修改数据

3、数据持久化操作

localStorage.setItem('key',value)

var value = localStorage.getItem('key')

this.setState(obj,faction)，修改state属性的函数，参数1是要更新的数据对象，参数2是回调函数，参数2的主要作用是，用于展示更新后的state数据

setState()方法是异步方法
如果在setState()函数外保存数据，有可能保存不了，因为保存时数据还没更新

二. 添加数据

获取输入框的值value,通过给button按钮添加点击事件，用点击事件触发把获取到的value放入state中的数组，通过遍历state中的数组把添加的数据渲染到输入框下面的页面中
代码如下 我用了按钮点击事件和键盘事件都可实现添加功能

三.删除数据

删除数据就是通过state数组中我们可以找到每条添加内容的下标index,有了index我们可以通过点击事件，用splice方法