react中使用iconfont 偶现加载不出来

2020-11-18阅读(3072)评论(0)牵着狗狗看MM

苏州实时公交查询

原来展示iconfont的地方里有个判断条件

{isShow && <div className='iconfont'></div>}

去掉isShow 的判断条件,没有把花括号去掉。

{<div className='iconfont'></div>}

 

导致在部分机型上,iconfont显示不出来,打开控制台,在控制台中点一下,icon就显示出来了。

 

归根到底应该遵循JSX的用法。

JSX语法中嵌入任何js变量、表达式、对象都要用花括号{}扩起来

 

去掉花括号后显示正常.

 

=========================分隔线=========================

后来测试的又出现了此问题,在IOS系统较低的MACbook上又出现了此问题。

最终解决方案如下。

在componentDidMount下

重新去获取获取下元素的offsetTop或其他属性

偷懒方式就直接获取整个body的

const top = document.body.offsetTop//

 

赞(8)
转载请注明来源:Web前端(W3Cways.com) - Web前端学习之路 » react中使用iconfont 偶现加载不出来
分享到: 更多 (0)