Pagination in the <Select> component

• I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

Let’s say that I have an endpoint with 2000 items and I want to be able to select one of these items.

It’s not optimal and very expensive to load the entire 2000 items at once in a <Select> component.

What does the proposed API look like?

My proposal is to implement a pagination in the <Select> component: let’s say that we are at page 1 and have 10 items. When the user scrolls down the <Select> and hits the bottom of it, it will fetch the next page (page 2) and 10 more items.

For example:

<Select
  loadOptions={fetchOptions}
  paginate={10}
/>

[zombieJ]

ref: https://github.com/ant-design/ant-design/issues/12406#issuecomment-424968753

onPopupScroll = e => {
  e.persist(); 
  let target = e.target;
  if (target.scrollTop + target.offsetHeight === target.scrollHeight) {
    // dynamic add options...
  }
};

[afc163]

@sysuzero 来个 PR