react-todolist 实现添加功能
程序员文章站
2022-07-01 19:10:32
...
todoinput 添加代办事项:
首先我们想好基本流程:
用户输入信息,我们需要通过输入框拿到数据—>点击按钮触发添加事件—>
操作mock/todo.json:
首先我们来试一下json-server创建的端口是否可用:
前八个是自己瞎写的,最后一个是实现了添加功能之后插入的
PS:
这里的id是主键,为了遵循主键的不重复性,我们想到用获取时间,
因为70.1.1是计算机诞生日,所以那一天为计算机的公元纪年,今后的每一秒都是从那时候算起的,所以不可能重复
我们要拿到输入框的数据
App.js
import React, { Component } from 'react'
import TodoHeader from