Понижение + реакция-окно + материал-интерфейс - PullRequest
Новая
       9

Понижение + реакция-окно + материал-интерфейс

0 голосов
/ 13 мая 2019

Я пытался адаптировать этот пример понижающей передачи (other-examples/react-window) для работы с компонентами material-ui.

Я пробовал несколько вариантов в своей локальной среде, но это нарушает рендеринг при прокрутке или навигации по результатам с помощью клавиатуры. Я раздвоил коды и поле здесь . Единственный код, который я адаптировал, - это функция ItemRenderer, изменяющая исходный Item на ListItem или MenuItem, но результат тот же. Я также адаптировал FixedSizeList itemSize к 46, чтобы он соответствовал высоте компонента material-ui, но он ничего не исправляет.

Я не совсем понимаю, почему пример списка material-ui работает с реагирующим окном , но он прерывается с понижением .

Буду признателен за любую помощь:)

Используемые версии: 

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

1 Ответ

0 голосов
/ 13 мая 2019

Хорошо, нашел, я пропустил style={this.props.style}, который был передан компоненту ListItem в примере material-ui, и, видимо, это нарушало все ...

Я адаптировал весь пример скомпоненты Material-UI, на случай, если это кому-то пригодится.

...