React基础知识梳理
-
熟悉JSX基础语法
- 本质:在js中写HTML标签
- JSX基本使用
- JSX元素可以作为表达式使用
- JSX元素的本质:不是DOM而是普通对象
- JSX条件渲染
- JSX列表渲染
- JSX样式处理
- 基于JSX的案例实践Tab
-
熟悉脚手架的用法
-
组件化开发
-
如何定义组件
- 函数组件
- 类组件
- ES6中类的用法
- ES6中类的继承
- 基于类的组件
- 类组件可以拥有自己的内部状态
- 修改状态必须使用setState方法
- 数据修改是异步的
- 不要频繁调用setState
- setState((state, props)=>{})
- 类组件的生命周期
- 挂载阶段
- 更新阶段
- 卸载阶段
- 组件之间的数据传递
- 父组件向子组件传值props
- props是只读的
- 子组件向父组件传值
- 父组件通过属性将函数传递到子组件
- 子组件调用该函数向父组件传递数据
- 非父子组件之间数据传递:基于redux
- 父组件向子组件传值props
-
事件处理
-
事件的基本绑定
-
阻止默认行为
-
关于事件函数中的this指向
-
事件函数的参数传递
-
完善Tab案例效果
-
-
表单基本操作
- 受控组件用法
- value
- onChange
- 非受控组件用法
- 本质就是直接操作DOM,类似于vue中的ref的用法
- 受控组件用法
-
综合案例
-
组件化进阶
-