抽风的皮鞭

摘要： 1. useRef可以进行状态管理和获取DOM节点 1-1状态管理 useRef和useState类似，都可以用来保存数据状态，但是useRef更新数据是同步的，且不会触发视图更新。 useRef返回一个对象，初始化数据保存在current字段下 import {useRef} from 'reac 阅读全文

摘要： 我们在类组件中实现状态管理使用state，在函数式组件中实现状态管理则是使用useState（hook）。 state和useState都是异步更新数据，都可以触发视图更新。 1. 类组件 数据保存在state中，更新数据使用setState setState有两种用法 函数式 state={ co 阅读全文

摘要： react没有语法糖，循环和条件判断都是通过原生js来实现 1. 条件判断 // 三元表达式 const getDiv = (flag)=>{ return ( <div>XXX</div> {flag?<div>条件1</div>:<div>条件2</div>} ) } ... // if判断 c 阅读全文

摘要： 这是由于ant v4.20+优化了导航菜单Menu的使用方式，采用优化后的方式使用菜单组件就可以了。 更新前： <Menu onClick={this.handleClick} style={{ width: 256 }} defaultSelectedKeys={['1']} defaultOpe 阅读全文

摘要： router.js import React, { Component } from 'react'; import { Routes, Route, Navigate } from 'react-router-dom'; {/* 引入组件 */} import Home from 'XXX'; i 阅读全文

摘要： ::-webkit-scrollbar { width: 7px; height: 7px; background-color: #0000001a; } ::-webkit-scrollbar-track { background-color: #0000001a; } ::-webkit-scr 阅读全文

摘要： 当前端收到后端传过来的数据流时，前端文件下载方法： let url = window.URL.createObjectURL(new Blob([res.body])); let link = document.createElement('a'); link.style.display = 'no 阅读全文

摘要： react中属性的命名方式都是小驼峰(如：className、onClick) 1. 数据绑定 react中的数据绑定是使用大括号{} <div className="content">{aa}</div> // 函数式组件 <div className="content">{this.state. 阅读全文

摘要： 目前react官网已经不建议下载create-react-app脚手架到本地的方式来搭建项目了，我们可以直接用npx的方式来快速搭建react项目。我本地用的node版本是18.xxx的，如果是低版本的node和npm的话执行命令会失败（我之前用的node版本是14.xxx的，创建项目一直失败，试了 阅读全文

摘要： 1. 根目录下新建proxy.conf.json文件 { "/api/*": { "target": "http://localhost:4200", "secure": false, "changeOrigin": true, "pathRewrite": { "^/api": "" // 将请求 阅读全文