weixin_42450794的博客

场景：A页面和B页面，菜单栏/导航栏对应A页面和B页面，如果不处理，当在B页面刷新后，antd菜单栏/导航栏会对应到A选项上，而页面依然停留在B页面。实现很简单：antd提供了：defaultSelectedKeys={defaultSelectedKeys} //默认选择的菜单栏defaultOpenKeys={['/']} //默认打开的菜单栏selectedKeys={se...

网上看了N篇文章，有几篇比较高级的我看不太懂，其他基本全是吹逼复制不讲实质性东西的，我结合了一些自己的见解，写下了这篇可直接复制可用的，虽然还有基于流的解决方案，但是资料不多，时间也有限，就采用这个吧暂时。1.create-react-app2.src同级目录下新建server文件夹，新建index.js和entry.js3.第一个问题：让koa支持import//index.j...

1.用了hooks后生命周期函数放哪里function App () { useEffect( ()=>{ //等同于componetDidMount } ) return () => { //等同于componentDidWillUnmount }}2.类实例成员变量映射到hooksclass App ...

import { combineReducers } from 'redux';import { reducer as greetingReducer } from '../pages/home/components/greeting/store';export default combineReducers({ gr:greetingReducer});这里千万千万要注意，c...

关于Ref的发展历程请看：https://juejin.im/post/5b59287af265da0f601317e31.创建useRefimport React { useRef } from 'react';const xRef = useRef();<x ref={xRef} />注意，useRef只能在类组件中使用 class x extends ...

Lazy 懒加载组件Suspense懒加载期间，UI会出现空挡import React,{ Lazy,Suspense } from 'react';const About = lazy( ()=>import('./About.jsx') );class App extends React.Component { render(){ return ...

Context有点类似于Redux创建createContextimport { createContext } from 'react';const a = createContext;Context的用法跟Redux差不多，Provider和Consumer//理解为供应级吧<x.Provider value={state}> //理解为消费级 ...

useMemomemo类似于PureCompoent 作用是优化组件性能，防止组件触发重渲染memo针对 一个组件的渲染是否重复执行<Foo />usememo针对 一段函数逻辑是否重复执行()=>{}useEffect是在渲染之后完成的useMemo是在渲染期间完成的useMemo(()=>{},[])参数如果是空数组的话就只会执...