React基础知识梳理

React基础知识梳理

• 熟悉JSX基础语法

  • 本质：在js中写HTML标签
  • JSX基本使用
  • JSX元素可以作为表达式使用
  • JSX元素的本质：不是DOM而是普通对象
  • JSX条件渲染
  • JSX列表渲染
  • JSX样式处理
  • 基于JSX的案例实践Tab

• 熟悉脚手架的用法

• 组件化开发

  • 如何定义组件

    • 函数组件
    • 类组件
      • ES6中类的用法
      • ES6中类的继承
      • 基于类的组件
      • 类组件可以拥有自己的内部状态
      • 修改状态必须使用setState方法
        • 数据修改是异步的
        • 不要频繁调用setState
        • setState((state, props)=>{})
      • 类组件的生命周期
        • 挂载阶段
        • 更新阶段
        • 卸载阶段
    • 组件之间的数据传递
      • 父组件向子组件传值props
        • props是只读的
      • 子组件向父组件传值
        • 父组件通过属性将函数传递到子组件
        • 子组件调用该函数向父组件传递数据
      • 非父子组件之间数据传递：基于redux

  • 事件处理

    • 事件的基本绑定

    • 阻止默认行为

    • 关于事件函数中的this指向

    • 事件函数的参数传递

    • 完善Tab案例效果

  • 表单基本操作

    • 受控组件用法
      • value
      • onChange
    • 非受控组件用法
      • 本质就是直接操作DOM，类似于vue中的ref的用法

  • 综合案例

  • 组件化进阶