# React-Learning

**Repository Path**: czwcn/react-learning

## Basic Information

- **Project Name**: React-Learning
- **Description**: React学习demo
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-10-19
- **Last Updated**: 2022-01-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# React-Learning

### 安装React

### 函数组件和类组件 

## 组件生命周期

### Render函数渲染

### props传递和内部状态State

### 事件添加、this使用
> button的onClick绑定事件时候：要传入this.方法名 

### 更新UI，setState方法

整体流程：props传递传递静态数据显示，组件内部保存属于自己的状态，点击事件，通过setState重新渲染UI

### 内联样式css使用

### 父子通信

## 使用 PropTypes 进行类型检查
props 传递参数
参数类型校验
默认参数传递

## 子组件向父组件传递消息（状态提升）
在React中同样是通过props传递消息，只是让父组件给子组件传递一个回调函数，在子组件中调用这个函数即可；

##  React插槽实现(组合，而不是继承)