Beamon__的博客

父组件内通过ref获取的子组件，通过current调用子组件的方法，子组件需要通过forwardRef进行“包装”导出，通过useImperativeHandle暴露可以被current使用的方法；

react项目刷新、打包后白屏问题解决

react项目打包时关闭source-map产生的.map文件

react项目配置添加webpack别名

ES6兼容低版本浏览器，babel-polyfill配置

初始化react项目配置less，不需要eject

react项目添加antd

react项目构建

在package.json文件中使用proxy配置create-react-app脚手架低于2.0版本时候："proxy":{ "/api/**":{ "target":"http://m.kugo.com", "changeOrigin": true }}create-react-app脚手架2.0版本以上只能配置string类型："proxy": "http://m.kugo.com",（推荐）使用http-proxy-middlew.

自己在搭一个react的移动端demo，考虑到以后可能回做样式整体调整，就进行了scss变量全局的配置，配置过程如下：1.安装sass-resources-loadernpm i -S sass-resources-loader2.创建公共配置文件我创建了两个scc配置文件，一个存放变量variable.scss，一个存放混合指令mixin.scss3.设置配置文件如...

近期用react+antd-mobile写一个react案例，使用Carousel组件时，意外发现滑动切换时控制台出现如下提示百度了下，原因简述如下：由于浏览器必须要在执行事件处理函数之后，才能知道有没有掉用过 preventDefault() ，这就导致了浏览器不能及时响应滚动，略有延迟。所以为了让页面滚动的效果如丝般顺滑，从 chrome56 开始，在 window、d...

就在刚刚需要在react项目写一个限制文本长度两行，溢出显示省略号的场景，但是没有生效，经过查阅，得到以下解决方法，供参考～ 初次写法：.item-title{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; ...

准备工作：1.在state中定义倒计时时间；constructor(props){ super(props); this.state={ time: 60, }}2.添加定时器方法；// 倒计时time = () => { // 清除可能存在的定时器 clearInterval(this.timer) ...

前段时间做了一个react的pc项目，因为业务需要做监听页面滚动操作，在网上找了一些方法都不太理想，干脆直接自己动手丰衣足食了，代码如下：/** * 文档作者: Beamon__ * 描述信息：公共组件-监听页面滚动触发回调 * props： * num：{number} 设置的触底限制高度，默认值为0 * scrollCallback：{function} 满足页面滚...