摘要: 1 用法如下: // 子组件 const ChildCmp =(props, ref) => { const [value, setValue] = useState(''); const click = useCallback(() => { console.log(value) }, [valu 阅读全文
posted @ 2020-06-08 17:56 饭饭大人 阅读(2198) 评论(0) 推荐(0) 编辑
摘要: 1 useCallback 用法如下: const Page = props => { const [value, setValue] = useState(''); // 使用此方法包装,每次组件更新的时候,此类方法不会再重新创建 // 达到性能优化的效果 // 第二个参数依赖项,当依赖性发生改变 阅读全文
posted @ 2020-06-08 17:44 饭饭大人 阅读(576) 评论(0) 推荐(0) 编辑
摘要: 1 react hooks 增强原函数学法的功能,赋予了其可以更新自身内部状态的api,在大部分情况下能够完美的替换类的写法,使得代码更具有可能性,更加优美 2 虽然如此,尽管觉得自己理解的很透彻的情况下,也不要随意去重构自己的代码,可以在新的业务逻辑中尝试使用她,你会发现hooks不能完全代替类的 阅读全文
posted @ 2020-06-08 09:39 饭饭大人 阅读(408) 评论(0) 推荐(0) 编辑
摘要: // 注意: 使用textarea支持换行,使用input不支持换行 const textarea = document.createElement('textarea'); textarea.value = content; document.body.appendChild(textarea); 阅读全文
posted @ 2020-06-08 09:14 饭饭大人 阅读(922) 评论(0) 推荐(0) 编辑
摘要: 主文件: <HashRouter > <ErrorBoundry> <Suspense fallback={Loading()}> <Switch> <Route exact path="/login" component={Login}/> {/* 要经过登录验证的页面都要使用PrivateRou 阅读全文
posted @ 2020-05-08 16:29 饭饭大人 阅读(1799) 评论(0) 推荐(0) 编辑
该文被密码保护。 阅读全文
posted @ 2020-03-18 11:29 饭饭大人 阅读(0) 评论(0) 推荐(0) 编辑
该文被密码保护。 阅读全文
posted @ 2020-03-18 11:27 饭饭大人 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 第一步 创建全局的store,并创建对应的reducer规则,使用combineReducers合并多个reducer import { createStore, combineReducers, compose, applyMiddleware } from 'redux'; import cre 阅读全文
posted @ 2020-03-18 11:15 饭饭大人 阅读(369) 评论(0) 推荐(0) 编辑
摘要: arr.reduce(function(prev,cur,index,arr){ ... }, init);//arr 表示原数组;//prev 表示上一次调用回调时的返回值,或者初始值 init;//cur 表示当前正在处理的数组元素;//index 表示当前正在处理的数组元素的索引,若提供 in 阅读全文
posted @ 2020-03-17 17:45 饭饭大人 阅读(252) 评论(0) 推荐(1) 编辑
摘要: 形如下面的问题 class A extends React.component { say = () => console.log(123) render() { return 123 } } export default withRouter(A) class B extends React.Co 阅读全文
posted @ 2020-03-17 17:39 饭饭大人 阅读(563) 评论(0) 推荐(0) 编辑