由于 react 和 react-dom 版本过低导致，可重新安装react 和 react-dom最新版本即可npm install react -g--savenpn install react-dom -g--save

1、例子界面如下图：2、代码：2.1、主页面：import { HashRouter, Route, Switch, Link, Redirect } from 'react-router-dom';<HashRouter><div className="App">hello react<br /><Link to='/redux'><span

纯函数组件 react Hook//父组件import React, {useRef} from "react";import Child from '../Child';let Parent = () => {const childRef = useRef();const updateChildState = () => {console.log('调用子组件：', childRef

1，用js动态生成dom元素很常见，那么给这种动态生成的元素如何绑定事件呢？首先排除click，是肯定不好用的。下面来介绍集中方法。1) 直接行内绑定<div onClick="doSomething()"></div>2) delegate先看下官方解释$('body').delegate('div','click',function(){// do something…

tooltip: {trigger: 'axis',enterable:true,//鼠标是否可进入提示框浮层中confine:true,//是否将 tooltip 框限制在图表的区域内// alwaysShowContent: false,//是否永远显示提示框内容.

1，问题如下图，echarts 鼠标移上去展示的浮窗，超出容器时被遮挡。2，解决办法tooltip: {//提示信息trigger: 'item',triggerOn: 'mousemove',confine: true//解决浮窗被截断问题},3，官网解释4，最终效果...

1，首先我们来看最简单的vuex，来源于vuex官网：https://vuex.vuejs.org/zh/guide/如上图，最简单的vuex只需要状态state和改变状态的方法mutations即可。改变状态的唯一方式就是提交(commit)mutation。2， 下面我们再来看完整的vuex结构文件夹结构如下index.js文件，无疑是vuex的主要文件，在此文件中定义store/*vuex最

1，原型function Fn() {}Fn是一个构造函数，每个构造函数都会自动生成一个prototype属性，指向一个空对象，这个空对象就是原型。每一个实例对象都会从原型继承属性和方法。2，原型链以下两张图阐述的非常详细，感谢尚硅谷课程：http://www.atguigu.com/1). Object的构造函数/原型/实例之间的关系（图解）var o1 = new Object();var o

useCallBack不要每个函数都包一下，否则就会变成反向优化，useCallBack本身就是需要一定性能的useCallBack并不能阻止函数重新创建,它只能通过依赖决定返回新的函数还是旧的函数,从而在依赖不变的情况下保证函数地址不变useCallBack需要配合React.memo使用作者：工边页字链接：https://juejin.cn/post/7107943235099557896来源