摘要：
1. params参数 形式：/home/1/aa // 声明式导航 <Link to={`home/${id}/${name}`}> // 编程式导航 navigate(`page/${id}/${name}`); ... // 需要在路由里声明传参的key值 <Route path="home/ 阅读全文
摘要：
1. 父子传值 父传子使用props，父组件更新视图改变props子组件会同步更新。 类组件 import React, { Component } from 'react'; class Father extends Component { state={ count: 0 } render(){ 阅读全文
摘要：
1. 单独新建一个service文件ng g service 服务名 2. 编辑service文件 import { Injectable } from '@angular/core'; import { Subject, Observable } from 'rxjs'; @Injectable( 阅读全文
摘要：
1. 安装插件 npm install pubsub-js --save-dev 2. 在需要发布消息的组件引入使用 import pubsub from 'pubsub-js'; ... // 发布消息 pubsub.publish('name','hello world') 3. 在需要订阅消息 阅读全文
摘要：
// 动态类名 <div className={flag?'class1':'class2'}>111</div> // 多类名 <div className={[flag?'class1':'class2','class3','class4'].join(' ')}>111</div> 阅读全文
摘要：
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 阅读全文