react-redux 解决不重新渲染的问题
摘要：原始代码： const reducers = (state=defaultState, action) => { switch(action.type) { case 'change': return Object.assign({}, state, {navList: action.navList
阅读全文
posted @ 2020-10-05 22:49
随笔分类 - React
React
轻松学会 React 钩子：以 useEffect() 为例
摘要：五年多前，我写过 React 系列教程。不用说，内容已经有些过时了。 我本来不想碰它们了，觉得框架一直在升级，教程写出来就会过时。 但是，最近我逐渐体会到 React 钩子（hooks）非常好用，重新认识了 React 这个框架，觉得应该补上关于钩子的部分。 下面就来谈谈，怎样正确理解钩子，并且深入
阅读全文
posted @ 2020-09-27 16:38
React Hooks 入门教程
摘要：React Hooks 入门教程 作者： 阮一峰 日期： 2019年9月 1日 React 是主流的前端框架，v16.8 版本引入了全新的 API，叫做 React Hooks，颠覆了以前的用法。 这个 API 是 React 的未来，有必要深入理解。本文谈谈我的理解，简单介绍它的用法，帮助大家快速
阅读全文
posted @ 2020-09-27 16:30
UMI.js开发知识总结
摘要：五分钟掌握最小知识体系 本文阅读时间大概为5分钟，但是能让你了解基于UMI和DVA构建项目的最小知识体系，你可以粗略的浏览一下本文所提到的知识，在后续的讲解中都会多次重复提起，保证学习效率。由于现在前端工程化的流行，所以在学习一个新的框架时，可能会面临一些疑惑。 比如拿react举例： es6特性好
阅读全文
posted @ 2020-09-23 09:35
快速删除node_modules文件夹
摘要：step1： npm install rimraf -g step2： rimraf node_modules
阅读全文
posted @ 2020-09-14 14:26
react使用react-hot-loader实现局部热更新
摘要：Q：webpack-dev-server 已经是热加载，为何还要在 react 项目还要安装 react-hot-loader 呢？ A：其实这两者的更新是有区别的，webpack-dev-server 的热加载是开发人员修改了代码，代码经过打包，重新刷新了整个页面。而 react-hot-load
阅读全文
posted @ 2020-09-14 11:36
React的环境搭建以及脚手架的安装
摘要：1.安装node.js 如果安装了，就请参照第二步；没有的话，去node.js官网下载：https://nodejs.org/zh-cn/download/ 2.检查 win键+r >打开资源管理器 >输入cmd >在命令窗口输入node -v和npm -v(是为了检查版本号) 因为国内使用npm很
阅读全文
posted @ 2020-09-14 11:32
react 有没有类似vue中watch这样的api？
摘要：就是 当组件里state 里的数据发生变化可以监听到这个数据的变化 当数据发生变化的时候做一些事情 比如ajax请求 ？初学react 用vue的时候会用watch 和computed 去监听数据发生变化 但是react 里不知道如何实现！ 谢邀。 React 本身只解决视图层。题主提的是一个数据层
阅读全文
posted @ 2020-09-01 23:13
vue keep-alive与mapState的填坑记录
摘要：最近在用keep-alive配合vuex做缓存处理。发现在某些场景下，keep-alive设置的include不会立即生效，但是include的值确实已经改变。 具体的原因如下。在router.beforeEach中dispatch关于keep-alive的action，在action中根据路由对s
阅读全文
posted @ 2020-07-31 17:50
ES6如何引入图片
摘要：Vue-cli脚手架引入图片的几个方法 1、import方法 第一步：在.vue文件中import edit from 'path'（path是图片与.vue的相对路径） 第三步：在template中 给标签绑定属性 最后刷新界面看效果就可以了！ 2、static方法 第一步：图片放在static文
阅读全文
posted @ 2020-03-11 10:31
React state和props使用场景
摘要：一个组件的显示状态可以由内部状态state、外部参数props所决定。 上面的这句话价值100万美元。 啥叫内部和外部呢！ 从我们组织程序的角度，入参是state，从后台返回的数据是外部参数时props。所以说state是万能的，可以看做是外部的也是内部的。 但是props 一定是外部的，如何进入内
阅读全文
posted @ 2020-03-05 23:30
promise all的怎么处理异常
摘要：在每个promise里面都使用resolve，但是通过数据的不同进行编码不同的返回结果。 在大量的promise里面进行返回时，就会有正确的和错误的，那么我们就会对结果进行二次的筛选。
阅读全文
posted @ 2020-02-17 23:44
React.Children的使用
摘要：前言 React.Children 是顶层API之一，为处理 this.props.children 这个封闭的数据结构提供了有用的工具。this.props 对象的属性与组件的属性一一对应，但是有一个例外，就是 this.props.children 属性。它表示组件的所有子节点 React.Ch
阅读全文
posted @ 2019-12-31 10:16
dva-loading 实践用法
摘要：dva 中页面过渡效果封装的很好，下面介绍常用的两个 js 库。 之前对 dva-loading 理解存在误区，认为只要在 index.js 中配置一下就没事了，事实上 dva-loading 只是提供当前异步加载方法的状态（异步加载中状态为 true，异步加载完成状态为 false），对应加载样式
阅读全文
posted @ 2019-12-25 18:05
传统js和jsx与ts和tsx的区别
摘要：一、从定义文件格式方面说 1、传统的开发模式可以定义js文件或者jsx文件2、利用ts开发定义的文件格式tsx二、定义state的状态来说 1、传统的方式直接在构造函数中使用 2、使用ts开发过程中需要先定义一个接口,规范数据类型,通过泛型传入到类中 //定义一个接口规范state的类型 // 默认
阅读全文
posted @ 2019-12-19 14:26
react的this.setState中的坑
摘要：react的this.setState中的有两个。 1、this.setState异步的，不能用同步的思维讨论问题 2、在进行组件通讯的回调的时候，this指向子组件，没有指向父亲这，怎么办呢。在 在这里面将that 还有一种方案。 在回调函数中写 onSelectedItem=(item)=>{
阅读全文
posted @ 2019-12-07 11:21
UmiJS 目录及约定
摘要：在文件和目录的组织上，umi 更倾向于选择约定的方式。 一个复杂应用的目录结构如下： . ├── dist/ // 默认的 build 输出目录 ├── mock/ // mock 文件所在目录，基于 express ├── config/ ├── config.js // umi 配置，同 .um
阅读全文
posted @ 2019-12-04 17:14
DVA框架统一处理所有页面的loading状态
摘要：DVA框架统一处理所有页面的loading状态 dva 有一个管理 effects 执行的 hook，并基于此封装了 dva-loading 插件。通过这个插件，我们可以不必一遍遍地写 showLoading 和 hideLoading，当发起请求时，插件会自动设置数据里的 loading 状态为
阅读全文
posted @ 2019-12-03 13:04
React中useEffect使用
摘要：2019-08-24 07:00:00 文摘资讯 阅读数 1364 收藏 博文的原始地址 2019-08-24 07:00:00 文摘资讯 阅读数 1364 收藏 博文的原始地址 2019-08-24 07:00:00 文摘资讯 阅读数 1364 收藏 博文的原始地址 2019-08-24 07:0
阅读全文
posted @ 2019-12-02 19:35
