Ant Design Mobile InfiniteScroll 组件 loadMore属性

很抱歉，我之前的回答有误。Ant Design Mobile InfiniteScroll 组件的正确属性应该是 `loadMore` 而非 `onLoadMore`。

`loadMore` 是 InfiniteScroll 组件的一个回调函数，当滚动到底部时会自动触发该函数。该函数需要返回一个 Promise 对象，在 Promise 对象中可以进行异步加载数据的操作，并在加载完成后通过 Promise 的 resolve 方法通知 InfiniteScroll 组件加载完成，使得 InfiniteScroll 组件能够继续监听滚动事件。

下面是一个示例代码，演示了如何使用 `loadMore` 属性加载更多数据：

import { InfiniteScroll } from 'antd-mobile';

class MyComponent extends React.Component {
  state = {
    list: [], // 列表数据
    hasMore: true, // 是否还有更多数据
  };

  // 加载更多数据的回调函数
  loadMore = () => {
    // 判断是否还有更多数据需要加载
    if (!this.state.hasMore) {
      return;
    }

    // 加载数据
    fetchData().then(data => {
      // 将新数据合并到原有数据中
      const list = this.state.list.concat(data);

      // 更新组件状态
      this.setState({
        list: list,
        hasMore: data.length > 0,
      });

      // 完成加载，通知 InfiniteScroll 组件
      return Promise.resolve();
    });
  };

  render() {
    return (
      <InfiniteScroll
        style={{ height: 'calc(100vh - 45px)', overflow: 'auto' }}
        loadMore={this.loadMore}
        hasMore={this.state.hasMore}
      >
        {this.state.list.map(item => (
          <div key={item.id}>{item.name}</div>
        ))}
      </InfiniteScroll>
    );
  }
}

在上面的代码中，`loadMore` 函数通过调用 `fetchData` 函数异步加载数据，并将新数据合并到原有数据中。加载完成后，根据新数据的长度判断是否还有更多数据需要加载，然后通过 Promise 的 resolve 方法通知 InfiniteScroll 组件加载完成。

同时，还需要注意在组件状态中设置一个 `hasMore` 属性，用来控制是否还有更多数据需要加载。在 `loadMore` 函数中判断 `hasMore` 属性，如果为 `false`，则不会触发加载更多数据的操作。