react 18.x 快速入门 react-redux浅浅结合使用

全局安装官配脚手架 create-react-app

执行 create-react-app <projectName>，通过编辑器进行打开启动

通过两个组件（功能一样），分别用 Class组件写法 、react-hook函数组件写法， 进行简单的初步对比，来让你清楚函数组件优点

小知识点学习记录:

· useState 第二个参数 作为可选参数，她只会在第一次渲染的时候进行调用，仅调用一次，后续更新都不会触发，且可return一个变量初始值

结合react-redux进行简单计数器的小功能

· 一个store · state 定义只读属性 · action 只有它才可以操作state · reducer 将state和action进行关联

官方提供了 reduxjs/toolkit 让开发者更快的使用

整体来说，入门还是很快，由浅入深，深度的东西一定是需要花时间去研究，早前的Class组件、函数组件（无状态）， react-hock的到来让 无状态函数组件赋予生命周期， 让你减少Class组件多余的代码