在使用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...
用setTimeout()方法来替换setInterval()
遇到需求是倒计时，首先想到的是用setInterval来实现，但是如果切换浏览器倒计时就会越来越快，为了避免这种问题就用setTimeout来模拟setInterval。 "use strict"; setTimeout(function () { // 任务 ...
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:...