react---todolist 基本布局

分类: 文章 • 2024-02-21 23:11:46

react–todolist

最终要实现的页面如图所示：
react---todolist 基本布局
上图中我们需要实现的有页面渲染、点击按钮添加、删除、改变每条数据前面的input框的选中效果
1.首先我们用react-cli搭建项目
ps：
需要安装的依赖：

将todolist划分为三个模块：
todoHeader、todoInput 、todoList，将三个模块引入到文件App.js，再将App引入到项目主入口index.js，挂载到页面中去：
react---todolist 基本布局

在App.js中定义好数

react---todolist 基本布局

react–todolist

相关推荐