我们平时在用react-redux的时候会用到connect去连接组件的state和action,大概长这个样子: import { connect } from 'react-redux'; class Counter extends Component{} const mapStateToProps = (state)=>{...
前端工具
Error: Multiple configuration files found. Please remove one: – package.json#babel – .babelrc
react报错如下: Error: Multiple configuration files found. Please remove one: - package.json#babel - .babelrc 如果出现以上错误,就是 babel 的配置出现了重复,检查一下根目录的.babelrc和packa...
URLSearchParams is not defined
出现场景:vivo的安卓5.1,安卓低版本的浏览器估计都会出现报错。 解决办法: npm install url-search-params-polyfill --save 或 yarn add url-search-params-polyfill 在入口文件index.js中引入: ...
react/vue在某些低版本安卓手机浏览器白屏解决办法
移动端感觉坑好多,但是也没办法,只能一个一个的填,遇到的场景是:我们是混合开发,需要在app内访问h5页面(基于react,其实vue中也是一样的问题),测试人员提出了在vivo X7中打开空白,仔细看了下,public中...
react中添加重新加载功能
我们在平时的开发中经常会遇到容错的情况,比如网络出问题了或者接口请求失败,我们会显示一个错误提示的组件,如下图: 我们需要重新加载一下当前路由,毫不犹豫的开始直接用 window.location.reload()...
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...