首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
ywzq-react
ywzq
创建于2022-07-05
订阅专栏
react
暂无订阅
共20篇文章
创建于2022-07-05
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
学习mobx的第一天
1. 安装 2. 兼容装饰器语法 安装下面的插件 3. 配置 vite.config.js jsconfig.json(没有的话,新建一个) eslint 可能也会报错,自己修改一下 3. 项目结构截
学习zustand第一天
学习zustand第一天,这个东西简单易用,官网文档也写得很不错,值得研究一下,好东西啊,好东西啊。
react-17-部分hook
常用 hook 1. useCallback 函数 该方法的返回值是一个函数。 该方法有两个参数,第一个参数是一个函数,第二个参数是记忆的依赖项,只有依赖发生变化之后才会重新缓存。 该方法使用得当确实
react-16-router-V5
react-router-V5 一、路由模式 HashRouter 表示hash模式的路由,有#号 BrowserRouter 表示history模式的路由,没有#号 二、Switch Switch
react-15-React.createContext() 与 useReducer()
一、React.createContext() 提供者 GlobalContext.Provider 提供value作为后代组件所需的状态和方法 消费者书写方式一:<GlobalContext.Con
react-14-项目代理配置
代理配置 安装 http-proxy-middleware 插件 在src文件下新建setupProxy.js
react-13-createPortal
createPortal createPortal 属于react-dom,该方法有两个参数,第一个需要渲染的jsx,第二个参数是将这一段dom渲染在指定的那个dom节点下面。 相当于 vue3 的
react-12-性能优化
性能优化 一、类组件 react的父组件的props或者state刷新,那么在父组件之内的所有子组件都会被重新创建,不管props或者state有没有被改变。 1. 在类组件中可以在使用PureCom
react-11-redux(2)
redux 安装 一、单个reducer的使用 在src文件夹下面,新建一个store文件夹,里面新建一个store.js 订阅 类组件中订阅 函数式组件中订阅 dispatch dispatch-a
react-10-refs
react-refs 一、refs 是什么? refs 是一个获取dom节点或者获取react实例的工具。 二、类组件使用refs 三、类组件获取子组件的dom元素 利用子传父 父组件 子组件 四、函
react-9-antd
使用antd 使用antd的时候会报一个css的错 解决办法: antd 组件的样式按需引入 安装依赖 修改 package.json 文件的配置 在与 src 平级的目录下新建 config-ove
react-8-函数式组件props
函数式组件props的常用设置 设置是否必传和类型 安装插件 设置对应属性的默认值 设置对应属性是否必传
react-3-2
react 类组件的生命周期 问题 问题:componentDidMount 生命周期函数执行两次,直接关闭react的严格模式即可 严格模式下的代码: 非严格模式下的代码: 备注2: <React.
react-6-redux
redux redux 是一个 react 的状态管理插件。 前言 1. 安装 2. 创建 在 src文件夹下面创建一个store的文件夹,里面创建一个store.js 一、 单个redux 1. s
react-5-router-v6
react-router-v6 前言 版本 react-router-v6。 全文函数式组件。 一、安装 二、路由模式 1. H5 提供的 history 路由模式 这里采用 react18 的项目入
react-4-部分1
react-4-函数式组件-hook hook 是什么 在hook没有出现之前,函数组件叫做无状态组件,因为他没有自己的状态,只有父组件传过来的属性,这就导致了函数式组件具有局限。但是hook的出现使
react-3
react 类组件的生命周期 react的函数式组件没有生命周期,函数式组件要实现生命周期的功能,需要在副作用函数中实现。下面介绍的是类组件的生命周期函数。 react 生命周期图解 初始化阶段 初始
react-2
react-2-组件通信 1. 父传子 父组件在使用子组件的时候,在子组件上添加自定义属性,然后将属性值传递给子组件,子组件使用props接收。 父组件 子组件 图式 2. 子传父 子传父就是父组件在
react-1
react-1 1. index.js-入口文件 2. app.js -根组件 这里以类组件为例 3. JSX 语法 jsx 语法是什么,就是 js+xml;大白话就是js和html的混写,由babe
react-prev
react 前言 一、脚手架的安装 二、创建项目 1. 创建项目方式一 这个使用的是安装在本地的脚手架安装的。 2. 创建项目的方式二 这个每次都是使用最新版本的脚手架安装 三、启动项目 到项目文件夹