React 列表框针对数千个选项进行了优化以显示

Question

我正在寻找 ListBox/DualListBox 的 React，它可以容纳数千个选项，而不会在加载时出现延迟或卡住问题。

我发现 react-window https://react-window.now.sh/#/examples/list/fixed-size 用于简单的列表视图，但无法执行 selection...

...和 ​​react-windowed-select https://github.com/jacobworrel/react-windowed-select 但是没有办法用这个来获得多个 select。

我的目标是拥有像这个美妙的 DualListBox https://www.npmjs.com/package/react-dual-listbox 但具有 windowed 列表的潜力，就像我提到的第一个 link。

如果有人能提供帮助，我们将不胜感激。

提前致谢！

Answer 1

我开始使用 MaterialUI 的自动完成功能，并使用多选和复选框虚拟化列表。看起来效果很好。

https://material-ui.com/components/autocomplete/#autocomplete

https://material-ui.com/components/autocomplete/#checkboxes

https://material-ui.com/components/autocomplete/#virtualization

由于react-windowhttps://github.com/bvaughn/react-window

，列表被虚拟化了

希望这对某人有所帮助。