1,在根目录先新建一个js文件2,js文件代码const commonUrl = 'https://xxxxxxxx.com'//请求接口地址let isJson = trueconst httpRequest = (url, method, data, isJson) => {let method = method.toUpperCase();//小写改为大写//需要传的数据if (!da

这里介绍三种用法：回调形式、api形式、refhooks1、回调形式使用回调会传递一个函数。这个函数中接受 React 组件实例或 HTML DOM 元素作为参数import React, { useRef, Component } from 'react'export default class Demo extends Component {cli = () => {//此时的handl

这里的中间件指的是action和store之间redux-thunkredux-thunk这个中间件就是对dispatch方法的一个升级，如果dispatch中传递的是一个对象，会直接传递给store；如果是一个方法，会先执行这个方法1、使用之前先安装一下：npm install redux-thunk2、配置一下redux-thunkredux-thunk和redux-devtools一样都是一

1、循环假设现在我们有一个这样的数组：list: ['张三','李四','王五']，那么怎么在页面上渲染呢，很简单，在react中可以用数组的map方法import React from 'react'class TodoList extends React.Component {constructor(props){super(props)this.state = {list: ['张三','李

1、使用内联样式这种方式用的很少，也不是完全用不到，很简单<button style={{background: 'red', color: '#fff', zIndex: 100}} onClick={this.btnClick}>按钮</button>外面的{}表示要开始写js了，里面的{}表示样式对象注意：在内联样式中，如果是数值类型的样式就不用加''了，比如z-in

流程先看张redux工作流程图刚开始看我也有点懵，把他比喻成生活中的一个小例子就好理解了，比如图书馆借书的例子：首先简单的把components比做成借书的人当借书人(components)说：我要借书，那么说话的这个行为就是actions这时候图书管理员(Store)听见了，他来集中管理书籍的信息、数据图书管理员(Store)也不知道你要借哪一本书、有没有这本书，他要求查一下，看下手册(redu

项目是使用react脚手架搭建的，使用了customize-cra、react-app-rewired来修改脚手架默认的配置1、添加配置项安装和配置完成基本的config-overrides.js后，添加addWebpackExternals选项用来配置cdn完整的配置项请查看：官方文档，下面只展示配置cdn的代码在里面写入我们需要cdn加载的文件，我们直接把G2plot挂载到全局const {o

vite版本版本：vite：2.7.2react版本：react：17.0.2代码仓库地址：gitee地址哦今天是2022年的第一天上班，想着 摸会鱼吧 学习新东西，也好久没弄vite和react了，干脆一不二不休，一起整一个1、创建项目命令# npm 6.xnpm init vite@latest my-vue-app --template vue# npm 7+, 需要额外的双横线：npm i

本篇文章有点长，请耐心阅读第一步老样子还是要在文件夹里面npm init -y初始化项目一般工具安装都是-D；-S是我们从开发到上线一直都要用到的2、新建相关文件夹和文件a、根目录下新建src文件夹用来存放项目文件；新建public文件夹并在里面新建index.html作为入口html文件​b、根目录下新建main.js作为webpack打包的入口文件3、安装webpack相关（1）、安装webp

1、暴露配置文件首先终端运行npm run eject暴露出配置文件，然后我们找到public文件夹下，新建对应的html文件2、修改默认配置在config文件夹下找到webpack.config.js这个文件，我们来修改默认配置entry修改因为配置的是多页应用，所以我们要先找到入口即entry进行修改，红框中就是修改后的HtmlWebpackPlugin修改没有修改前的是只有一个的，现在我们加