wangshang1320的博客

排查方法：查看是否有循环引用问题，排查方法需要慢慢的一步步看每个文件的引用，最后发现是循环引用问题。如果不好找找不到 那也得找，不然就重写了 难绷😭（ps：反正我找了很久才找到的😭）解决方案：找到循环引用的两个组件或文件换个地方引用。

计时器，闭包，setState

echarts+DateV.GeoAtlas 的 json格式 渲染绘制 地图

前置：ps:版本最好差别不要太大，不同版本可能导致不同的问题,这个很重要！很重要！很重要！我的版本：create-react-app 5.0.0typescript 4.5.5react 17.0.2node 14.17.01. 全局安装create-react-app. 版本 5.0.02.创建react项目1.随便找一个项目文件夹运行npx create-react-app my-app运行后目录结构：2....

1.memo介绍：React.memo 为高阶组件。它与 React.PureComponent 非常相似，但它适用于函数组件，但不适用于 class 组件。如果你的函数组件在给定相同 props 的情况下渲染相同的结果，那么你可以通过将其包装在 React.memo 中调用，以此通过记忆组件渲染结果的方式来提高组件的性能表现。这意味着在这种情况下，React 将跳过渲染组件的操作并直接复用最近一次渲染的结果。React.memo 仅检查 props 变更。如果函数组件被 React.mem

关于git提交的时候提示错误， 检查了一下git 代码eslint 也是对的node 包删了重新安装也不行最后发现需要删除git的隐藏文件 ，执行下面命令rm -rf .git/hooksnpm install

hookclass

const [musicData, setMusicData] = useState({ songs:[], isLoading:false});if(a===1){ setMusicData({songs:[],isLoading:true});}setMusicData({songs:[],isLoading:false});这个时候最后得到的isLoading值可能是false 也有可能是true 这个判断会让本来同步的队列变的不同步，...

比较基础也很常用的场景PS：比如我们需要公共导航栏 每个页面都需要的时候 就需要一个底层layout布局 然后每个页面用children渲染layout组件：import React,{Component} from 'react'import Navigation from '../navigation'import Sidebar from '../sidebar'imp...

e.stopPropagation();e.nativeEvent.stopImmediatePropagation();

hashRouter在url的前面会有一个# 可以理解为锚点 每个路由前面都会有# 这样不至于路由出问题找不到页面优点：不需要后端配置比如：localhost:3000/#/useinfoHistoryRouter路由是怎么样的就会展示什么样的比如：localhost:3000/useinfo如果打包将静态文件放在服务器上会出问题 url指向可能就...

这个错误是因为react有保护机制，而我的代码是这样的 ++this.state.num，直接修改来state，在react中这样是不允许的 显然 不能这样直接修改state的值 ，表示的意思是需要用setState方法来修改state的值,而应该改成这样：let num = this.state.num; ++num;------记录简单问题 （...

前端：<div id="editorElem" ref='editorElem' style={{textAlign: 'left'}}/> //富文本编辑器 initEditor() { let editor = new E('#editorElem'); let uploadUrl = 'http://localhost:3...

前端react框架的路由 react-router1.link组件渲染后就是a标签，to属性为url路径，key属性必须有并且是唯一的，不然会报错。例：import {Link} from "react-router-dom" &lt;Link to='./link' key='1'&gt;link&lt;/Link&gt;2.BrowserRouter Route ...

redux是react的状态管理模块，他一共有四个核心模块：store,state,action,reduce。store仓库，一个应用只有一个 ，绑定在最外层上面import {Provider} from 'react-redux'import {store,persistor} from './redux'function render(){ return Reac...

1.环境搭建和项目运行我这边是用得脚手架create-react-app 创建得项目。安装create-react-app： npm install create-react-app创建项目：create-react-app 项目名切换到项目跟目录：cd目录本地开发环境运行：npm run start //自动打开浏览器看效果 这些命令是集成 了webpac...

react采用es6语法 ，使用jsx模板。推荐在jsx文件中体现用户界面，可能像拼接html标签的语法，看起来个人觉得不是很友好！使用react-dom 的render()方法来加载到界面上：import ReactDOM from 'react-dom';let test = "hello world";ReactDOM.render( &lt;div&gt;{test}...