在下拉 select 选项滚动时添加事件侦听器并使用 react-async-select 获取数据

Question

如何在选项滚动时在 react-async-select 中实现分页选项加载

      <AsyncSelect ref={scrollRef} defaultOptions cacheOptions loadOptions={this.loadOptions} />

Answer 1

解决方案

使用这个道具 onMenuScrollToBottom={(e) => handleOnScrollBottom(e)}： 当用户从 react-select doc

滚动到菜单底部 时触发

<AsyncSelect onMenuScrollToBottom={(e) => handleOnScrollBottom(e)} defaultOptions cacheOptions loadOptions={this.loadOptions} />

Add event listener on scroll of dropdown select options and fetch data using react-async-select