qq_42753705的博客

技术选型前端：react + antd后台：express + mysql2 + log4js(日志服务，按业务模块记录)部署：某讯的云服务器+域名，nginx代理前端、后台服务前端(管理端)使用脚手架创建项目，然后增加antd组件库页面鉴权左侧导航菜单:根据当前账号所属角色对应的菜单权限去生成路由/子路由设计项目代码目录设计后端1、路由设计，根据业务区分多个路由模块2、接口日志记录、鉴权（登录时写入cookie）3、登录时，密码做双层md5加密校验（内置超级管理

react-router-dom 编程式路由导航 (v5)1.push跳转+携带params参数 props.history.push(`/b/child1/${id}/${title}`);2.push跳转+携带search参数props.history.push(`/b/child1?id=${id}&title=${title}`);3.push跳转+携带state参数props.history.push(`/b/child1`, { id, title });4.repl

路由传值的三种方式（v5.x）params参数//路由链接(携带参数)：<Link to='/demo/test/tom/18'}>详情</Link> //或 <Link to={{ pathname:'/demo/test/tom/18' }}>详情</Link>//注册路由(声明接收)：<Route path="/demo/test/:name/:age" component={Test}/> //接收参数：this.

useRef 返回一个可变的 ref 对象，其 .current 属性被初始化为传入的参数（initialValue）。返回的 ref 对象在组件的整个生命周期内持续存在。命令式地获取及操作DOM：function TextInputWithFocusButton() {  // 通过useRef创建并获取Dom元素  const inputEl = useRef(null);      const onButtonClick = () =&

创建react项目create-react-app mobx-demo cd my-app npm run start使用react-app-rewirednpm install customize-cra react-app-rewired @babel/plugin-proposal-decorators --save在你的根目录即 和src同级的地方新建js文件 config-overrides.js 粘贴下方代码:const{override,addDecoratorsLegacy

首先安装：yarn add mobx mobx-react 或 npm i mobx mobx-react --save-dev一、创建mobx仓库使用@observable装饰器import { makeObservable, observable, action, computed } from "mobx";/** 方式1： 使用@observable装饰器 */class A { //声明状态 @observable list = [ { id: 1, .

安装依赖npm i react-router-dom引入实现路由所需的组件，以及页面组件import { BrowserRouter, Routes, Route } from 'react-router-dom';import Foo from './Foo';import Bar from './Bar';​function App(){ return ( <BrowserRouter> <Routes> .

使用 create-react-app 脚手架新建项目后，启动项目浏览器报错：Uncaught TypeError: Cannot read property ‘forEach’ of undefined at Object.injectIntoGlobalHook这是因为React网页调试工具是老版本的，与新的脚手架有冲突导致的解决方法1：进入谷歌拓展程序，关闭或移除React Developer Tools扩展解决方法2：进入 项目目录\node_modules@pmmmwh\react-re

（原创）深入解读s React 中的useState Hook 修改了值，但是不重新渲染，不刷新的问题