React JSX Невозможно получить доступ к переменной внутри div

Question

В настоящее время я рендеринг списка, который я определил в методе рендеринга, например,

        render() {
            var listDisplay = items.map((item, i) => {
                ....
            }

            return (
                <TabPanel>
                    <Scrollbars>
                        {listDisplay}
                    </Scrollbars>
                </TabPanel>
            )
        }

Это работает, как задумано, и listDisplay отображается правильно.Однако, когда я окружаю полосы прокрутки <div>, ничего не появляется.

Я чувствую, что могу упустить что-то очевидное, но сейчас я понятия не имею, что происходит.Есть идеи?

Answer 1

Как один из приведенных выше комментариев, это проблема макета, а не невозможность доступа к переменной.В этом случае использование <div> тегов вокруг компонента Scrollbar изменяет макет.Избавление от этого решило проблему.