React List Box 针对数千个选项进行了优化

Question

我正在为 React 寻找一个 ListBox/DualListBox，它可以容纳数千个选项，而不会在加载时出现延迟或卡住问题。我发现 react-window https://react-window.now.sh/#/examples/list/fixed-size用于简单列表视图但无法进行选择......和 react-windowed-select https://github.com/jacobworrel/react-windowed-select但是没有办法用这个进行多重选择。我的目标是拥有像这个美妙的 DualListBox https://www.npmjs.com/package/react-dual-listbox这样的东西，但具有像我提到的第一个链接那样的窗口列表的潜力。如果有人可以提供帮助，我们将不胜感激。提前致谢！

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-window https://github.com/bvaughn/react-window ，列表被虚拟化了

希望这可以帮助某人。