前言
@H_404_3@最近在学习React,做了一个简单的Demo,用以自勉及和有需要的朋友们参考学习。@H_404_3@
实现功能
@H_404_3@在输入框中输入数据后,点击保存按钮,数据将会逐一显示在输入框下方,点击保存后显示的任何一条数据,该数据即可被删除。@H_404_3@
实现思路
@H_404_3@在开始实现之前,我们需要理清我们的思路,这样才能更好地去完成预定功能。@H_404_3@
- 点击保存按钮时,输入框中的数据读取,可通过onChange绑定事件,获得输入框数据:
e.target.value
- 自定义一个事件,输入数据后,点击保存按钮时,数据的存储操作交由该事件完成
- 当不断点击保存按钮时,数据应该是多个的,可选用数组来存储数据
- 数组中,数组的索引是唯一表示一个数据的方式,数据的操作可通过索引进行