React和Less错误解决集
来源:互联网 发布:淘宝卖家学院光云科技 编辑:程序博客网 时间:2024/05/01 09:44
React部分
Cannot read property ‘setState’ of null
具体错误
Uncaught TypeError: Cannot read property ‘setState’ of null
问题描述
使用ES6class
语法糖创建组件时, 在render
之前添加类内函数,如下:
onReset() {......}
这本身没有毛病,但如果要使用this.setState()
时,控制台报错:Cannot read property ‘setState’ of null,打印此处的this
,得到的是null
。
解决方案
将之前的类内函数声明改为函数表达式(ES6的方式),如下:
onReset = () => {......}
参考链接
- javascript - Uncaught TypeError: Cannot read property ‘setState’ of …
- Autobinding, React and ES6 Classes
- official React blog#autobinding
Less部分
calc()函数计算结果不正确
描述
在less文件中使用CSS原生的calc()
函数,得出的结果错误,在less中 calc(100% - 4rem)
等带单位混合运算会被less解析忽略单位,全部按照百分比计算,此例中的计算被less编译成calc(96%)
。
原因分析
less的计算方式跟calc方法有重叠,两者在一起有冲突
解决方案
更改calc()函数的形式
/*编译错误的css:calc(100% - 4rem)*//*更改形式如下,以下两种方法皆可*/width:e("calc(100% - 4rem)");width:calc(~"100% - 4rem");
0 0
- React和Less错误解决集
- less 错误的解决
- gulp-less解决遇到错误停止执行task
- react + webpack + less 豆瓣电影
- react .less 样式无法加载
- 搭建storybook--es6+react+less
- React Native Android(一) 新建项目,运行,错误解决
- react native 错误unable to load script form assets解决
- react native 错误unable to load script form assets解决
- react native unable to load script form assets 错误解决
- Android错误和解决
- React+ES6+Less+Bootstrap----webpack初探
- create-react-app项目添加less配置
- React+webpack+Less 组件样式覆盖优化
- create-react-app 脚手架不支持less解决方案
- create-react-app项目添加less配置
- Create-react-app+Antd+Less配置
- react打包less样式没渲染
- Activity的Window创建过程
- 测试格式
- mysql事务_事务隔离级别详解
- Java中JSON格式的简单应用例子
- 加法变乘法
- React和Less错误解决集
- java概述
- Apache Ambari 01 - Ambari Mirror 安装部署
- 子集生成
- 虚拟机找不到/mnt/hgfs挂载目录
- RecyclerView自定义ItemDecoration
- mysql启动失败:mysql服务无法启动 服务没有报告任何错误 排查过程及解决方法
- Dumb-Init进程信号处理
- Android HTTP操作(三)