React JSX无法访问div中的变量

时间:2018-12-13 00:23:34

标签: javascript reactjs jsx

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

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

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

这可以按预期工作,并且listDisplay可以正确显示。但是,当我用<div>包围滚动条时,什么也没显示。

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

1 个答案:

答案 0 :(得分:0)

正如上面的评论之一所建议,这是一个布局问题,而不是无法访问该变量。在这种情况下,在滚动条组件周围使用df1 <- structure(list(X1 = c("hello this is a test", "identifier 1234", "hello", "hello", "hello 1234", "hello again"), X2 = 1:6), class = "data.frame", row.names = c(NA, -6L)) 标签会更改布局。摆脱它可以解决问题。