# react-code

**Repository Path**: wenshukai/react-code

## Basic Information

- **Project Name**: react-code
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-26
- **Last Updated**: 2021-09-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# react-code react_basics
#### 软件架构
软件架构说明
练习react周期练习

#### 安装教程
第一步全局安装 npm i -g create-react-app
第二步 创建脚手架 create-react-app react_basics
import PropTypes from 'prop-types'
import {nanoid} from 'nanoid'
安装插件 npm install --save prop-types
#### todoList 案例相关知识点
    1,拆分组件，实现静态组价，注意 className,style的写法
    2,动态初始化列表，如何确定将数据放在那个组件的state中
        _某一个组件的使用：都是放在自身的state中
        _某些组件使用：放在他们的共同的父组件state中(官方乘此操作为：状态提升)
    3.关于父子之间通信
        1{父组件}给{子组件}传递数据：通过props 传递
        2{子组件}给{父组件}传递数据：铜锁props传递，要求父提前给子一个函数
    4.注意defaultChecked和checked的区别 类似的还有：defaultValue 和value
    5.状态在哪里，操作就在哪里