04 2020 档案

react hook性能优化使用memo、useCallback、useMemo
摘要：hooks在写hook组件的时候才有 父组件用useEffect的第二个参数来控制组件是否需要更新。写法： useEffect(()=>{ // 只要参数变化我就变化做该做的事 function(){ console.log("敌动我不动，敌动我就跟着动") } },[ 我是一个参数]) 这里主要介 阅读全文
posted @ 2020-04-28 13:53 月亮出来了 阅读(2748) 评论(1) 推荐(1)
react hook 点击页面切换高亮对应菜单-react怎么高亮对应菜单（两种写法）附完整代码
摘要：前言：hook相当于没有生命周期概念，但是可以用useEffect来监听路由，当点击浏览器的前进后退时候去监听路由变化切换对应高亮菜单。 看下下面这个代码： useEffect( () => { //这里等于 componentDidMonunt 和 componentDidUpdate retur 阅读全文
posted @ 2020-04-28 10:13 月亮出来了 阅读(2836) 评论(0) 推荐(0)
webpack搭建react项目工程化开发的配置说明，入门级别
摘要：4.23 --我现在使用的现成的框架已经相对完美了，为了加深理解，自己想搞一套本来想搭建一个最原生的react框架，但是最近开始忙活了，先给下简单的webpack配置说明给大家看看，参考。（后续有时间补上完整的项目） 说下要考虑到的需求： 使用ES6语言 使用React框架 自动生成HTML web 阅读全文
posted @ 2020-04-23 17:53 月亮出来了 阅读(514) 评论(0) 推荐(0)
需不需要使用redux以及hook中怎么使用dvajs （reaxt-redux）
摘要：在react项目中，用到的redux是 react-redux依赖包。通过使用高阶函数connect来连接组件，第一个参数是namespace里面唯一的state，第二个是action动作的标识。 最开始时候我一般都是用dvajs来写数据流，没学过的可以看下https://dvajs.com/ 非常 阅读全文
posted @ 2020-04-22 11:31 月亮出来了 阅读(1116) 评论(0) 推荐(0)
解决react hook组件卸载数据处于加载中渲染组件状态Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions an
摘要：Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all 阅读全文
posted @ 2020-04-21 15:29 月亮出来了 阅读(21382) 评论(0) 推荐(0)
react hook封装一个排序按钮，有效果图
摘要：写一个用hook封装的点击按钮排序，请求数据的小组件。 实现操作效果：点击第一下升序，第二下降序、第三下取消排序。点击箭头下，升序。点击箭头上，降序。（可以自行更改） 作用是使这个排序在页面上许多地方能复用，少些重复代码，并且看起来更具组件化。ps如果用的不过就一个地方的话还是算了，感觉更复杂hhh 阅读全文
posted @ 2020-04-20 17:16 月亮出来了 阅读(1223) 评论(2) 推荐(0)
react使用fetch封装请求的方法-简单易懂
摘要：方法有很多种，这里贴一个比较优雅又简单易懂的。用class类写法，new一个实例方法。 其中qs是包，类似于url拼接的方法，自行npm安装。我这里fetch使用的是dva的fetch，也可以自行使用自带的fetch ， 把const fetch = require('dva').fetch; 注释 阅读全文
posted @ 2020-04-17 15:14 月亮出来了 阅读(5455) 评论(2) 推荐(0)