# React_TodoList案例

**Repository Path**: chen-hongxin/react--todo-list-case

## Basic Information

- **Project Name**: React_TodoList案例
- **Description**: 一个简单的用 React 实现的 TodoList小案例
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2021-07-27
- **Last Updated**: 2022-01-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: React

## README

# React_TodoList 案例

### 介绍
本项目较为简单，旨在初步认识 react

### todoList 案例相关知识点
- 1. 拆分组件、实现静态组件，注意：className、style 的写法<br>

- 2. 动态初始化列表，如何确定将数组放在哪个组件的 state 中？
    - 这里是列表文本某个组件使用：放在其自身的 state 中
    - 某些组件使用：放在他们共同的父组件 state 中（官方称此操作为：状态提升）

- 3. 关于父子之间的通信：
    - 【父组件】给【子组件】传递数据，通过 props 传递
    - 【子组件】给【父组件】传递数据、通过 props 传递，要求父提前给子传递一个参数
- 4. 注意 defaultChecked 和 checked 的区别，类似的还有：defaultValue 和 value
- 5. 状态在哪里，操作状态的方法就在哪里

### 功能
可以添加、删除任务

### 使用说明
命令行输入 
- `npm install` 安装所需要的包
- `npm start` 运行程序

### 页面展示
![输入图片说明](https://images.gitee.com/uploads/images/2021/0921/162153_97eb0938_8035370.jpeg "1632212430(1).jpg")