降档+反应窗口+材质用户界面

Question

我尝试改编this downshift example（other-examples/react-window）以使用Material-ui组件。

我在本地环境中尝试了几个选项，但是在使用键盘滚动或导航结果时会破坏渲染。我已经分叉了codeandbox here。我修改过的唯一代码是ItemRenderer函数，将原始Item更改为ListItem或MenuItem，但结果是相同的。我还修改了FixedSizeList的itemSize到46来匹配用户界面组件的高度，但是并不能解决任何问题。

我不太了解material-ui list example与react-window一起工作的原因，但是却与downshift分开。

任何帮助将不胜感激：）

使用的版本：

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

Answer 1

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

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