react
文章平均质量分 64
番薯配可乐
前端
展开
-
memo,useMemo和useCallback的使用
关于react项目的优化,react提供了memo,useMemo和useCallback下面来看看具体怎么使用吧。React.memo父元素触发更新后,其子元素也会跟着更新;但是有时候子元素确实没必要重新渲染,故使用 React.memo 可减少重新渲染次数。使用格式:// 使用格式const MyComponent = (props) => { /* 使用 props 渲染 */}function areEqual(prevProps, nextProps) { /*原创 2022-05-27 10:00:00 · 148 阅读 · 0 评论 -
http-proxy-middleware 跨域
http-proxy-middleware解决跨域问题,只在开发环境有效。// 安装 http-proxy-middlewareyarn add http-proxy-middleware//创建 src/setupProxy.js 文件####// 在setupProxy.js文件写入以下代码// target为目标地址const { createProxyMiddleware } = require('http-proxy-middlew原创 2022-05-27 09:30:00 · 573 阅读 · 0 评论 -
在react中使用swiper/react
参考链接:https://swiper6.vercel.app/react#usage其实swiper中文文档很多api都是直接阔以用的,只是形式不一样中文文档:https://www.swiper.com.cn/api/安装:yarn add swiper@6import { Swiper, SwiperSlide } from 'swiper/react'import { sliderList } from './source'import SwiperCore, { Pagination,原创 2022-05-27 09:15:00 · 1154 阅读 · 0 评论 -
react数据集中式管理第四篇--@rematch/core
今天,我们来介绍@rematch/core其他几篇:react数据集中式管理第一篇–Redux初认识react数据集中式管理第二篇–@reduxjs/toolkitreact数据集中式管理第三篇–redux-saga@rematch/core的使用教程Rematch是在redux的基础上再次封装,使用rematch,我们就不需要再声明action类型、action创建函数、thunks配置;如果你之前学过vuex,那你对这个不会陌生,因为模式基本上一样。引入依赖: yarn add 原创 2022-05-26 10:00:00 · 1256 阅读 · 0 评论 -
react数据集中式管理第三篇--redux-saga
之前两篇已经介绍了redux知识点和redux的工具包@reduxjs/toolkit;现在我们来一起学习redux-saga。其他几篇:react数据集中式管理第一篇–Redux初认识react数据集中式管理第二篇–@reduxjs/toolkitreact数据集中式管理第四篇–@rematch/core什么是redux-sagaredux-saga是一个用于管理redux应用异步操作的中间件,redux-saga通过创建sagas将所有异步操作逻辑收集在一个地方集中处理,可以用来代替redu原创 2022-05-26 09:45:00 · 695 阅读 · 0 评论 -
react数据集中式管理第二篇--@reduxjs/toolkit
上一篇介绍了redux的基本知识点,今天一起来学习下@reduxjs/toolkit。其他几篇:react数据集中式管理第一篇–Redux初认识react数据集中式管理第三篇–redux-sagareact数据集中式管理第四篇–@rematch/core什么是@reduxjs/toolkit@reduxjs/toolkit 就是redux的一个工具包,它想编写Redux逻辑的标准方式,想解决配置Redux存储太复杂的问题;先放上我的项目部分目录结构:\下面一起学习@reduxjs/to原创 2022-05-26 09:30:00 · 1295 阅读 · 0 评论 -
react数据集中式管理第一篇--Redux初认识
本文章主要是对redux做一些简单的介绍,包括概念、原则、使用等。其他的几篇:react数据集中式管理第二篇–@reduxjs/toolkitreact数据集中式管理第三篇–redux-sagareact数据集中式管理第四篇–@rematch/core什么是RedexRedux 是一个使用叫做“action”的事件来管理和更新应用状态的模式和工具库 它以集中式Store(centralized store)的方式对整个应用中使用的状态进行集中管理,其规则确保状态只能以可预测的方式更新。原创 2022-05-26 09:15:00 · 227 阅读 · 0 评论 -
react-router-dom路由
react-router-dom路由使用;Switch,Link,Redirect,Route,BrowserRouter的使用;路由的传值;Prompt路由的拦截;原创 2022-04-19 09:49:34 · 429 阅读 · 0 评论 -
react hooks
useState,useEffect,useRef,useSelector,useDispatch的基本使用1,关于useState的使用,使用useState()进行状态管理importReact,{useEffect,useRef,useState}from'react'functionApp(props){//setName为设置name的值的函数,useState可设置name的默认值const[name,setName]=useState...原创 2022-04-17 16:15:43 · 201 阅读 · 0 评论