React

通常我们做web项目的时候，都会接触到用户登录业务，判断用户的登录状态，我们在vue项目中用到的是pinia，而在React项目中就要用到状态管理工具Redux

什么是Redux? Redux是React最常用的集中状态管理工具，类似于Vue中的Pinia(Vuex)，可以独立于框架运行。其作用是通过集中管理的方式管理应用的状态 特点：redux可以独立于组件

概念 useEffect是一个React Hook函数，用于在React组件中创建不是由事件引起而是由渲染本身引起的操作，比如发送AJAX请求，更改DOM等等 语法 依赖项参数说明 useEffect

实现一个嵌套关系 父传子 子组件标签绑定属性 子组件接收数据，props的参数 我们可以看到在子组件中定义的形参props是一个对象，里面包含name属性 props 可以是数字、字符串、布尔值、数组

概念 useState是一个React Hook（函数），它允许我们向组件添加一个状态变量，从而控制影响组件的渲染结果 本质 和普通js变量不同，状态变量一旦发生变化，组件的视图UI也会跟着变化（数据

什么是JSX 概念：JSX是JavaScript和XML(HTML)的缩写，表示在JS代码中编写HTML模板结构，它是React中编写UI模板的方式 优势： HTML的声明式模板写法 JS的可编程能力

项目创建 使用create-react-app快速搭建开发环境 create-react-app是一个快速创建React开发环境的工具，底层是由Webpack构建，封装了配置细节，开箱即用 执行命令：