reactjs - Downshift + react-window + material-ui

Question

我试图调整这个降档示例( other-examples/react-window) 以使用 material-ui 组件。

我在本地环境中尝试了几个选项，但是在使用键盘滚动或导航结果时会破坏渲染。我在这里分叉了代码框。我修改的唯一代码是函数，通过orItemRenderer更改原始代码，但结果是相同的。我还调整了 FixedSizeList以匹配 material-ui 组件的高度，但它没有解决任何问题。ItemListItemMenuItemitemSize46

我不太明白为什么material-ui 列表示例与react-window一起使用，但它与downshift一起使用。

任何帮助，将不胜感激 ：）

使用的版本：

@material-ui/core: 3.9.3
downshift: 3.1.8
react-window: 1.8.1

标签： reactjsmaterial-uidownshift

Answer 1

好的，找到了，我错过了在 material-ui 示例style={this.props.style}中传递给ListItem组件的那个，显然这破坏了一切......

我使用 material-ui 组件调整了整个示例，以防它对某人有用。