当better-scroll碰见了react擦出的火花

　　关于better-scroll这个插件前面已经介绍过两次了 从原生js使用到结合服务端发送数据使用都有过介绍

 

　　今天给你们分享一下这款插件在react中碰见的坑  总之我真是对这款插件又爱又恨 每次各类bug十足后还不去抛弃他

继续去研究他 真是恨之切，爱之深，典型的受虐狂啊  哈哈  好了废话很少说接下来给你们展现在react碰见的小问题

 

　　首先我想实现的是一个下拉刷新的小功能，那么咱们就得须要数据 在最初始的react中实现我在state中定义了一个空数组

而后在componentDidMount这个生命周期第一次发送ajax请求用来给个人初始值渲染数据，而后请求过来十条数据后发送给了

列表组件渲染上了整个页面，接着我在这个ajax的then方法里面初始化了一个BScroll的实例化用

pullDownRefresh: {

//下拉到一百的位置才会触发

threshold: 100,

//而后松手后返回50的位置

stop: 30,

}

设置了一波初始化条件

　　

　　接着我就不知怎么脑抽的去了componentDidUpdate这个生命周期中去监听了pullingDown 这个事件 终于形成了一个十分尴尬的问题

就是我第二次下拉刷新的时候ajax请求一股脑的给我触发了屡次，将全部的数据所有返回了回来，这与我每次下拉触发一次刷新一遍的

初衷大大不一样，

 

　　通过各类挣扎后终于和实例化和pullingDown这个事件的监听一块儿提出来而后放在了componentDidUpdate这个生命周期中就解决了

此时不知道你们有没有疑问   这个函数是挂载阶段的生命周期   按咱们所学的知识来讲挂载阶段只会执行一次呀 可是为何这个函数里面

的事件还会执行呢 ，此时用的知识点就是发布订阅了，关于发布订阅请看之后分享~~~

 

 

　　不过在这个题中还运到了另外一个问题就是  若是我给元素设置一个自定义属性而后经过伪类选择器的attr将这个伪类选择器展现到页面

上去没有成功   不知道哪位大佬能帮忙解决在react中怎么设置自定义属性而后经过attr展现到页面上去，若能解答不胜感激~~~~

 

 

     关于上面所说案例源码请访问https://github.com/qiang-chen/reactDemo/tree/master/day3-better-scroll