Downshift + react-window + material-ui答案

【问题标题】：Downshift + react-window + material-uiDownshift + react-window + material-ui
【发布时间】：2019-05-13 08:32:47
【问题描述】：

我已尝试调整 this downshift example (other-examples/react-window) 以使用 material-ui 组件。

我在本地环境中尝试了几个选项，但在使用键盘滚动或导航结果时会中断渲染。我已经分叉了代码框here。我修改的唯一代码是ItemRenderer 函数，将原来的Item 更改为ListItem 或MenuItem，但结果是一样的。我还将 FixedSizeList 的 itemSize 调整为 46 以匹配 material-ui 组件的高度，但它不能解决任何问题。

我不太明白为什么material-ui list example 与react-window 一起使用，但它与downshift 不兼容。

任何帮助将不胜感激:)

使用的版本：

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

【问题讨论】：

标签： reactjs material-ui downshift

【解决方案1】：

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

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

【讨论】：