加载更多...

Question

老师你这个加载更多有bug，“加载中..."的字样出不来，一次快速点击“加载更多”，会加载多次，怎么解决？

哪个页面能复现这个问题？

会不会是通过向上滑动触发了加载更多，然后你又点击，又触发了一次？

首页的“猜你喜欢”的加载更多

我是把向上滑动去掉了测试的。

再说了就是带“向上滑动”加载更多也不应该出现这个问题，因为不管是点击还是向上滑动，你是用同一个标志做的。按照原理哪种方式都会让标志置起，不会执行下面的加载。

你可以试一下，为了测试方便，你可以把上拉加载去掉。

你上周三说周末试试，回复我。

我就想问一下，你试了吗？结果是什么？

Answer 1

双越 2017-06-12 10:47:27

不好意思，周末给忘了。

现在试了下，正常带上拉加载时，没问题。把上拉加载去掉，点击“加载更多”还是没问题，第一次加载一次，不会有多次。

你可以首先看看你说的“加载中...”出不来这个问题，正常情况是能出来的，除非你API非常快，刚出来就加载出下一页了

• 提问者 qq_昊辰_03539545 #1

  非常感谢！

Answer 2

提问者 qq_昊辰_03539545 2017-06-20 10:36:48

自己动手 ，丰衣足食吧，俺不等了。

Answer 3

提问者 qq_昊辰_03539545 2017-06-19 07:59:32

你这问题是彻底不打算回我了，是吧？

• 双越 #1

  我忙于其他事情，目前没有业余时间。后面这块会和其他可能需要补充的内容（redux基础、项目环境搭建过程）一起看一下。

Answer 4

提问者 qq_昊辰_03539545 2017-06-14 10:20:23

我等你的回复

Answer 5

提问者 qq_昊辰_03539545 2017-06-13 17:01:29

setState的batchUpdate的设计规则决定了你代码这么写肯定是有问题，怎么可能在你电脑上就好用。回答问题有点敷衍了吧。

• 双越 #1

  感谢反馈，我再详细确认一下，如果确定OK，再补充一个视频哈。

Answer 6

提问者 qq_昊辰_03539545 2017-06-13 11:03:15

我问的是在这个例子中的这个bug怎么改？

• 双越 #1

  我这边确实没有复现这个问题。我之前回复的： 将“加载更多”的点击函数 loadMoreHandle 改为这样试试 loadMoreHandle() { // 执行传输过来的 if (this.props.isLoadingMore) { return } this.props.loadMoreFn(); }  不好使吗？

Answer 7

提问者 qq_昊辰_03539545 2017-06-13 07:43:01

所以说示例中的代码的写法，是不会生效的？

问题怎么写他能生效呢？

• 双越 #1

  那得看你需求和场景，react肯定是可以实现的

Answer 8

提问者 qq_昊辰_03539545 2017-06-12 17:43:10

在同一个函数里面写state的变化，前面的没有执行，后面的就把他覆盖了。

类似：

var a=1;

var a=2;

console.log(a)

永远也不会显示1吧？

• 双越 #1

  对呀，state变化导致视图变化，是异步的，因此连续的state变化，并不是每次都有效

Answer 9

提问者 qq_昊辰_03539545 2017-06-12 12:10:00

点加载更多，不会出现“加载中..”这样的字样，而且你快速的点击加载更多，会联系加载多页，这种你要去掉上拉加载才能试出来的，你的代码我也跑了，效果是一样的。

• 双越 #1

  将“加载更多”的点击函数 loadMoreHandle 改为这样试试
  
      loadMoreHandle() {
          // 执行传输过来的
          if (this.props.isLoadingMore) {
              return
          }
          this.props.loadMoreFn();
      }