gpt4 book ai didi

reactjs - React-window-infinite-loader Material -ui 自动完成

转载 作者:行者123 更新时间:2023-12-03 14:11:05 25 4
gpt4 key购买 nike

我试图使用react-window-infinite-loader在material-ui自动完成下拉列表中显示无限滚动列表。当我滚动到列表底部时,我想从服务器获取下一页的项目。我创建了a codesandbox example它结合了 material-ui Autocomplete example for a virtualized listreact-window-infinite-loader example 。当我滚动到列表底部时,会加载下一页数据,但是某些原因导致列表滚动回顶部。加载新数据后如何保持滚动位置?

谢谢!

最佳答案

我通过使用 useAutocomplete 钩子(Hook)使其工作。我创建了一个沙箱,显示工作代码: https://codesandbox.io/s/material-demo-0fbyb

只有一个问题我仍然无法弄清楚。当按键盘上的向下箭头键选择列表中的项目时,您可以选择项目可见“窗口”之外的项目。必须有一种方法可以让列表滚动到所选项目。我猜测这是因为需要在 FixSizeList 组件上设置自动完成引用,但是当 InfiniteLoader 需要将引用传递给 FixSizeList 组件时,我该如何执行此操作?

关于reactjs - React-window-infinite-loader Material -ui 自动完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59013367/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com