/react-todo-list

九章算法 React To-Do List，移动端布局。

Primary LanguageJavaScriptOtherNOASSERTION

待办清单 Todo List

点击查看 Demo，如果同学有新的 idea，可以提交 PR 哦~

1 功能

1.1 新增待办事项

输入框，回车新增，空项不会被新增。

1.2 完成待办事项

点击勾选框变更完成状态。

1.3 移除待办事项

点击删除按钮移除待办事项。

1.4 筛选待办事项

输入时自动筛选相关的待办事项。

2 组件

  1. 输入框组件 /src/Input.js
  2. 待办事项组件 /src/Item.js

3 备注

  • 使用 Bulma 的 CSS 库
  • 使用 AntD 的图标库 @ant-design/icons

4 如何使用

首先使用 npm i 安装依赖，随后使用 npm start 启动服务器，在浏览器中打开 http://localhost:3000 即可看到效果。