React问题集序

问题描述

  • antd version: 2.7.4
  • OS and its version: windows7
  • Browser and its version: Chromium 55.0.2883.87

antd--react组件库,引入后进行npm run dev编译的出现找不到对应的样式

  • 堆栈信息详情
ERROR in ./~/antd/lib/input/style/index.less
Module parse failed: E:\PersoanlProjects\bookreader\node_modules\antd\lib\input\style\index.less Unexpected character '@' (1:0)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected character '@' (1:0)

解决方案

  • 配置css loaders去掉exclude属性,不要包含node_modules/antd;

反馈

  • 编译正常

参考资料

查找了官方Issuse--Webpack css loading

问题描述

  • react version: 15.3.2
  • OS and its version: windows7
  • Browser and its version: Chromium 55.0.2883.87

解决方案

  • 查找这个组件发现是window.addEventListener('scroll', this.handleScroll.bind(this));与
 handleScroll(e) {
    //console.log(e);
    let scrollEle = e.target.scrollingElement;
    const clientHeight = scrollEle.clientHeight;
    let t = scrollEle.scrollTop;
    let c = this.refs.content;
    let top = t <= 40 ? 40 - t : 0;
    //let bottom = t >= c.height + c.offsetTop - clientHeight ? 40 : 0;
    //console.log(t + "--" + c.height + "--" + c.offsetTop + "--" + clientHeight);
    this.setState({
        leftToolBarTop: top,
        //rightToolbarBottom: bottom
    });
}
  • 分析因为 this.handleScroll.bind(this)产生了新函数,所以清除的时候是另一个“指针”,因此把绑定放到构造函数中。
constructor(props) {
super(props);
this.state = {};
this.scrollTop = 0;
this.handleScroll = this.handleScroll.bind(this)
  }
  componentWillMount() {
window.addEventListener('scroll', this.handleScroll);
  }
  componentWillUnmount() {
window.removeEventListener('scroll', this.handleScroll);
  }

反馈

  • 正常

参考资料

React怎么绑定scroll事件?

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏c#开发者

Iphone 视图跳转方法总结

1.AddInfo *control = [[AddInfo alloc] init];   [self presentModalViewController:...

3477
来自专栏向治洪

ios入门之消息推送

前言 在去年的苹果大会上,苹果带来的iOS 10 系统中将之前繁杂的推送通知统一成UserNotifications.framework 来集中管理和使用通知功...

2176
来自专栏青玉伏案

iOS开发之新浪微博山寨版代码优化

  之前发表过一篇博客“IOS开发之新浪围脖”,在编写代码的时候太偏重功能的实现了,写完基本功能后看着代码有些别扭,特别是用到的四种cell的类,重复代码有点多...

2069
来自专栏Alice

ios 设置label的高度随着内容的变化而变化

<br> 好吧  步骤1:创建label _GeRenJianJie = [[UILabel alloc]init]; 步骤2:设置label _GeRenJi...

19910
来自专栏娱乐心理测试

iOS 如何把图片资源打包成bundle文件及遇到的坑(详解)

(1.)"Base SDK" 设置为 "Latest iOS (iOS 11.2)" (Xcode 9.2为例)

2712
来自专栏iOS开发随笔

Unity项目嵌入现有iOS项目的方法

2687
来自专栏xx_Cc的学习总结专栏

iOS-UIWindow详解

3154
来自专栏青玉伏案

IOS开发之新浪围脖

  IOS开发和Web开发一样,网络请求方式包括Get和Post方式。Get和Post两者有和特点和区别,在本篇博客中不做过多的论述,本篇的重点在于如何GET数...

2165
来自专栏逸鹏说道

AutoFac在项目中的应用

技能大全:http://www.cnblogs.com/dunitian/p/4822808.html#skill 完整Demo:https://github....

3606
来自专栏Rindew的iOS技术分享

iOS初步集成极光推送后你还要做这些事

3465

扫码关注云+社区

领取腾讯云代金券