React JSX无法访问div中的变量

Question

我目前正在渲染我在render方法中定义的列表，像这样

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

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

这可以按预期工作，并且listDisplay可以正确显示。 但是，当我用<div>包围滚动条时，没有任何显示。

我觉得我可能缺少明显的东西，但是现在我不知道发生了什么。 有任何想法吗？

Answer 1

正如上面的评论之一所建议的，这是一个布局问题，而不是无法访问该变量。 在这种情况下，在Scrollbar组件周围使用<div>标签会更改布局。 摆脱它可以解决问题。