随笔分类 - react 相关
在react使用过程中遇到的问题以及自己的想法
摘要：import React from 'react'; import { findDOMNode } from 'react-dom'; import throttle from 'lodash/throttle'; import { Spin } from '@wind/wind-ui'; impo
阅读全文
摘要：// 问题来源 众所周知react是单页面应用，在路由发生变化的时候，她所对应的页面或者组件会被卸载。当路由加载的时候，原页面所有的数据都会重新加载 这在移动端的用户体验可能是一个重大灾难！ 比如列表滚动到第20页或者tab切换第三个tab 再去滚动列表进入详情页，当你返回的时候你原来的浏览记录被重
阅读全文
摘要：// 聚合函数 用于applymiddleware function compose(...funs) { const len = funs.length; if(len 0) return a => a if(len 1) return funs[0] return funs.reduce((le
阅读全文
摘要：1 用法如下： // 子组件 const ChildCmp =(props, ref) => { const [value, setValue] = useState(''); const click = useCallback(() => { console.log(value) }, [valu
阅读全文
摘要：1 useCallback 用法如下： const Page = props => { const [value, setValue] = useState(''); // 使用此方法包装，每次组件更新的时候，此类方法不会再重新创建 // 达到性能优化的效果 // 第二个参数依赖项，当依赖性发生改变
阅读全文
摘要：1 react hooks 增强原函数学法的功能，赋予了其可以更新自身内部状态的api，在大部分情况下能够完美的替换类的写法，使得代码更具有可能性，更加优美 2 虽然如此，尽管觉得自己理解的很透彻的情况下，也不要随意去重构自己的代码，可以在新的业务逻辑中尝试使用她，你会发现hooks不能完全代替类的
阅读全文
摘要：主文件： <HashRouter > <ErrorBoundry> <Suspense fallback={Loading()}> <Switch> <Route exact path="/login" component={Login}/> {/* 要经过登录验证的页面都要使用PrivateRou
阅读全文
摘要：第一步 创建全局的store，并创建对应的reducer规则，使用combineReducers合并多个reducer import { createStore, combineReducers, compose, applyMiddleware } from 'redux'; import cre
阅读全文
摘要：形如下面的问题 class A extends React.component { say = () => console.log(123) render() { return 123 } } export default withRouter(A) class B extends React.Co
阅读全文
浙公网安备 33010602011771号