我试图调整这个降档示例( other-examples/react-window
) 以使用 material-ui 组件。
我在本地环境中尝试了几个选项,但是在使用键盘滚动或导航结果时会破坏渲染。我在这里分叉了代码框。我修改的唯一代码是函数,通过orItemRenderer
更改原始代码,但结果是相同的。我还调整了 FixedSizeList以匹配 material-ui 组件的高度,但它没有解决任何问题。Item
ListItem
MenuItem
itemSize
46
我不太明白为什么material-ui 列表示例与react-window一起使用,但它与downshift一起使用。
任何帮助,将不胜感激 :)
使用的版本:
@material-ui/core: 3.9.3
downshift: 3.1.8
react-window: 1.8.1