React入门第三弹——有状态组件及事件处理相关内容（案例说明）

文章目录

• 前言

  • • 组件的划分

    • • 纯函数组件与副作用组件的规定
      • 纯函数组件与副作用组件的数据传递原则

    • 有状态组件

    • • 有状态组件props传值
      • 有状态组件state

    • 事件处理

    • • 事件处理函数的相关语法
      • 事件处理函数中的this

    • 事件处理&条件处理

    • 受限组件

  • 最后

前言

上篇文章主要介绍了JSX语法基础以及无状态组件的传值方法等内容, 内容相对来说较为基础, 今天为大家带来了今天 React 入门系列的第三弹——有状态组件与事件处理讲解

组件的分类

在React框架中, 组件主要包含两种类型：函数组件与class组件, 也可称为无状态组件与有状态组件.

Function-style components (stateless components) are directly defined in function form, without maintaining any state, and only receive props. They lack a lifecycle function.

    // 函数式组件(无状态组件)

    function Hello()