我们在平时的开发中经常会遇到容错的情况,比如网络出问题了或者接口请求失败,我们会显示一个错误提示的组件,如下图: 我们需要重新加载一下当前路由,毫不犹豫的开始直接用 window.location.reload()...
react
dva中如何使用takeLatest、takeEvery
在使用dva的时候,我们在处理effects(副作用)的时候用的api都是封装的redux-saga,call、put、select之类的0学习成本直接用,但是takeLatest、takeEvery怎么试都没找到用法,最后跑到了dva官方的 Issues中找到...
react h5 自定义键盘(省、数字、大写字母键盘)
工作需求中有用到键盘,但是希望用户只能输入数字和字母大写,当然了,用自带的键盘也可以,在用户输入的时候转一下也行( text-transform: uppercase; ),还有js的形式来转换,大家自己查一下。 但是需求大...
react阻止冒泡的方式
1: 阻止合成事件与非合成事件(除了document)之间的冒泡,以下两种方式(2,3)都不适用,需要用到e.target 判断 if(e.target && e.target.matches('ul')){ return; } 2: 阻止合成事件的...
react中提示Do not mutate state directly. Use setState() react/no-direct-mutation-state
react中直接改变state会报警告 Do not mutate state directly. Use setState() react/no-direct-mutation-state,在react中不允许直接修改state,我们可以迂回来处理一下: let str = this.state.strArr; le...
react中实现倒计时功能
react中实现根据接口返回的毫秒数,显示倒计时:还剩于00分00秒 这里边有几个注意点,详情请查看:用setTimeout()方法来替换setInterval() import React,{ Component } from 'react'; class OrderDetail e...
create-react-app不生成.map文件
我们在build项目的时候,js和css会自动生成.map文件,主要是用来让我们定位代码错误的,但是在生产的时候就不要了,不然这样可以通过chrome浏览器的sources看到我们的源码,这就不美丽了,解决办法: 一:直...
react如何处理多个input取值
我们有这样的需求,页面中有很多input需要取值,如果数量少的话,可以一个一个的定义,但是如果数据多起来的话一个一个的处理显得太傻了,并且工作量会很多,网上查了一下,可以这样来统一处理我们的input。 ...
react中单选radio、多选checkbox的实现及图片类型的单选和多选
react的单选和多选跟vue的还是有点区别,vue用v-modle可以实现双向绑定,但是react是单向数据流,所以需要用onChange事件来解决。 先看一张图: 一:单选 import React,{Component} from 'react'; ...
react中box-orient不起作用
今天在处理梁汉文之省略号的时候,遇到一个问题, -webkit-box-orient: vertical 不起作用了 overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:...