React
文章平均质量分 58
基于React 17总结的知识点
情系半生e
坚持分享,努力学习,冲冲冲!!!
展开
-
React功能篇 - 使用react-i18next进行国际化
react-i18next国际化步骤一.安装依赖二.配置文件2.1 新建config.js2.2 语言文件示例三.详细使用3.1 类(class)组件中使用3.2 函数(function)组件或Hook中使用3.3 切换语言功能一.安装依赖安装react-i18next和 i18next依赖npm install react-i18next i18next或yarn add react-i18next i18next二.配置文件在src下新建i18n文件夹,以存放国际化相关配置,可根据需要原创 2022-04-08 11:03:37 · 3578 阅读 · 2 评论 -
React知识点汇总
纯函数确定的输入,产生确定的输出,与执行次数,时间无关不产生副作用单纯的函数调用例如: const add=x=>x+1副作用系统IO相关APIDate.now()、Math.random()等不确定性方法在函数体内修改函数外变量的值在函数体内修改函数参数的值调用会产生副作用的函数 http请求总结:具有不确定性的操作,你都可以理解为是不纯的,不纯的那么意味可能带来副作用。...原创 2021-07-09 17:36:22 · 285 阅读 · 2 评论 -
React功能篇 - 封装网络请求库axios
React封装axios请求库1.创建 httpload.js 文件2.创建api文件夹,将以下代码放入index.js3.react页面中调用4.刷新refreshToken 代码 [非必须,根据具体需求使用]1.创建 httpload.js 文件import axios from 'axios';import { message } from 'antd';import NProgress fro.原创 2021-07-09 10:12:55 · 1498 阅读 · 0 评论 -
React开发中用到的依赖插件及用途
本文主要用于记录收集开发过程中用到的第三方依赖及组件路由懒加载react-loadable文章地址:React路由懒加载使用craco配置项目(替代webpack进行配置)yarn add @craco/craco craco-less @babel/plugin-proposal-decorators babel-plugin-import -D文章地址:React使用craco配置项目及配置别名store状态管理器redux 和 react-redux文章地原创 2021-07-08 20:28:37 · 502 阅读 · 0 评论 -
React路由懒加载
完成路由懒加载功能安装依赖yarn add react-loadable新建loadable.js文件import React from "react";import { Spin } from "antd";import Loadable from "react-loadable";// 加载动画const loadingComponent = () => { return ( <div className={"spin-loading"}> .原创 2021-07-08 19:42:58 · 160 阅读 · 0 评论 -
React使用craco配置项目及配置别名-不使用eject
目录操作步骤1.安装依赖2.根目录下创建 craco.config.js3.修改 package.json 中的 scripts4.根目录下创建 jsconfig.json须知:适用于使用 create-react-app 创建项目,不想 eject 项目但想对项目中 wepback 进行自定义配置的开发者使用 react-scripts4 需要将 craco 更新至 6.0 版本,如果用 react-scripts3 那就还用 craco5可实现以下效果antd 组件按需加载支持 le原创 2021-07-08 19:11:57 · 1749 阅读 · 0 评论