在路上`的博客

获取导航标题

解决局部刷新问题

try catch 处理异常捕捉

react+redux 存储接口和数据

react-thunk的配置

多国语配置

React.forwardRef 的使用

react-router-dom 6.3.0版本

TS 之踩坑之路

checkbox 样式覆盖

react+redux+ts 搭建项目

react-js导入导出

不同点接收的props参数 一般组件：写组件标签时传递了什么，就能收到什么 路由组件：接收到三个固定的属性 history: go: ƒ go(n) goBack: ƒ goBack() goForward: ƒ goForward() push: ƒ push(path, state)

promise 分批请求

axios 实现重试

封装confirm Dialog

方法一方法二

一、public文件夹二、src文件夹

另一种问法是：为什么遍历列表时，key最好不要用index？1、虚拟DOM中key的作用：1).简单的说：key是虚拟DOM对象的标识，在更新显示时key起着极其重要的作用。2).详细的说：当状态中的数据发生变化时，react会根据【新数据】生成【新的虚拟DOM】,随后React进行【新虚拟DOM】与【旧虚拟DOM】的diff比较，比较规则如下：a.旧虚拟DOM中找到了与新虚拟DOM相同的key：（1）若虚拟DOM中内容没变，直接使用之前的真实DOM(2）若虚拟DOM中内容变了，则生成新的真.

一、旧的生命周期(16.8版本)二、解读旧生命周期三、新的生命周期(17.0.1)

一、在类式组件中的使用二、在函数式组件中的使用import React, { useRef } from 'react'; const container = useRef(null);console.log('container.current', container.current)<ul className="chooseList-box" ref={container}> <li className="disabledLi">111</li&

react中组件通信

案例

一、问题原因此处的this 为undefined二、解决办法

一、准备前提 "react": "^17.0.2", "react-dom": "^17.0.2", "react-router": "^6.0.2", "react-router-dom": "^6.0.2", "react-scripts": "4.0.3",二、函数组件如何进行路由传参组件跳转并传值导入import { useNavigate } from ‘react-router-dom’;使用const navigate = useNavi

一、jsx 语法法则二、jsx 小案例三、 jsx 练习四、备注

一、搭建脚手架（准备条件）node -v 需要16以上版本npm -v 需要6以上版本npm i -g create-react-appcreate-react-app helo-react二、类组件的应用class App extends React.Component { constructor(props) { super(props); this.state = { isNewDialog: false, iscloseDialog: fa