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

时间:2019-05-13 08:32:48

标签: reactjs material-ui downshift

我尝试改编this downshift exampleother-examples/react-window)以使用Material-ui组件。

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

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

任何帮助将不胜感激:)

使用的版本:

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

1 个答案:

答案 0 :(得分:0)

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

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