https://github.com/grenzlinie/simplereact-todo-list

用React写的简单的todolist（增查删改功能）
https://github.com/grenzlinie/simplereact-todo-list

Last synced: about 13 hours ago
JSON representation

用React写的简单的todolist（增查删改功能）

• Host: GitHub
• URL: https://github.com/grenzlinie/simplereact-todo-list
• Owner: Grenzlinie
• Created: 2022-02-13T06:59:20.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-10-10T09:09:18.000Z (about 2 years ago)
• Last Synced: 2023-09-07T09:40:56.976Z (about 1 year ago)
• Language: JavaScript
• Size: 375 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## 简介

学习react做的，一个简单的实现增查删改的项目。可以实现todo list的添加，单选/多选确认完成，批量删除。

## 相关知识点

1. 拆分组件、实现静态组件

2. 动态初始化列表，确定数据放在哪个组件的state中

    ——某个组件使用：放在自身的state中

    ——某些组件使用：放在共同的父组件的state中(状态提升：)

3. 父子组件通信:

    ——父组件向子组件传递：通过props传递

    ——子组件向父组件传递：通过回调函数传递，也是传递props，父组件提前给子组件传递函数

4. 状态在哪里，操作状态的方法就在哪里

5. 注意className、style的写法，defaultChecked、checked，defaultValue、value之间的区别。

## 启动方式

npm start

## 效果图

![图片](./show-pic.png)