ywzq-react

1. 安装 2. 兼容装饰器语法 安装下面的插件 3. 配置 vite.config.js jsconfig.json(没有的话，新建一个) eslint 可能也会报错，自己修改一下 3. 项目结构截

学习zustand第一天，这个东西简单易用，官网文档也写得很不错，值得研究一下，好东西啊，好东西啊。

常用 hook 1. useCallback 函数 该方法的返回值是一个函数。 该方法有两个参数，第一个参数是一个函数，第二个参数是记忆的依赖项，只有依赖发生变化之后才会重新缓存。 该方法使用得当确实

react-router-V5 一、路由模式 HashRouter 表示hash模式的路由，有#号 BrowserRouter 表示history模式的路由，没有#号 二、Switch Switch

一、React.createContext() 提供者 GlobalContext.Provider 提供value作为后代组件所需的状态和方法 消费者书写方式一：<GlobalContext.Con

代理配置 安装 http-proxy-middleware 插件 在src文件下新建setupProxy.js

createPortal createPortal 属于react-dom，该方法有两个参数，第一个需要渲染的jsx，第二个参数是将这一段dom渲染在指定的那个dom节点下面。 相当于 vue3 的

性能优化 一、类组件 react的父组件的props或者state刷新，那么在父组件之内的所有子组件都会被重新创建，不管props或者state有没有被改变。 1. 在类组件中可以在使用PureCom

redux 安装 一、单个reducer的使用 在src文件夹下面，新建一个store文件夹，里面新建一个store.js 订阅 类组件中订阅 函数式组件中订阅 dispatch dispatch-a

react-refs 一、refs 是什么？ refs 是一个获取dom节点或者获取react实例的工具。 二、类组件使用refs 三、类组件获取子组件的dom元素 利用子传父 父组件 子组件 四、函

使用antd 使用antd的时候会报一个css的错 解决办法： antd 组件的样式按需引入 安装依赖 修改 package.json 文件的配置 在与 src 平级的目录下新建 config-ove

函数式组件props的常用设置 设置是否必传和类型 安装插件 设置对应属性的默认值 设置对应属性是否必传

react 类组件的生命周期 问题 问题：componentDidMount 生命周期函数执行两次，直接关闭react的严格模式即可 严格模式下的代码: 非严格模式下的代码: 备注2： <React.

redux redux 是一个 react 的状态管理插件。 前言 1. 安装 2. 创建 在 src文件夹下面创建一个store的文件夹，里面创建一个store.js 一、 单个redux 1. s

react-router-v6 前言 版本 react-router-v6。 全文函数式组件。 一、安装 二、路由模式 1. H5 提供的 history 路由模式 这里采用 react18 的项目入

react-4-函数式组件-hook hook 是什么 在hook没有出现之前，函数组件叫做无状态组件，因为他没有自己的状态，只有父组件传过来的属性，这就导致了函数式组件具有局限。但是hook的出现使

react 类组件的生命周期 react的函数式组件没有生命周期，函数式组件要实现生命周期的功能，需要在副作用函数中实现。下面介绍的是类组件的生命周期函数。 react 生命周期图解 初始化阶段 初始

react-2-组件通信 1. 父传子 父组件在使用子组件的时候，在子组件上添加自定义属性，然后将属性值传递给子组件，子组件使用props接收。 父组件 子组件 图式 2. 子传父 子传父就是父组件在

react-1 1. index.js-入口文件 2. app.js -根组件 这里以类组件为例 3. JSX 语法 jsx 语法是什么，就是 js+xml；大白话就是js和html的混写，由babe

react 前言 一、脚手架的安装 二、创建项目 1. 创建项目方式一 这个使用的是安装在本地的脚手架安装的。 2. 创建项目的方式二 这个每次都是使用最新版本的脚手架安装 三、启动项目 到项目文件夹