欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

react-todolist 实现添加功能

程序员文章站 2022-07-01 19:10:32
...

todoinput 添加代办事项:

首先我们想好基本流程:
用户输入信息,我们需要通过输入框拿到数据—>点击按钮触发添加事件—>
操作mock/todo.json:
首先我们来试一下json-server创建的端口是否可用:
react-todolist 实现添加功能

前八个是自己瞎写的,最后一个是实现了添加功能之后插入的
PS:
这里的id是主键,为了遵循主键的不重复性,我们想到用获取时间,
因为70.1.1是计算机诞生日,所以那一天为计算机的公元纪年,今后的每一秒都是从那时候算起的,所以不可能重复

我们要拿到输入框的数据
App.js

import React, { Component } from 'react'
import TodoHeader from
相关标签: react javascript