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

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

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

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

Любая помощь будет оценена:)

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

@material-ui/core: 3.9.3
downshift: 3.1.8
react-window: 1.8.1
Источник

1 ответ

Решение

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

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

Источник
Другие вопросы по тегам