reactjs - 使用 Autosizer 反应窗口

Question

当我将 react-window 与 react-virtualized-auto-sizer 一起使用时遇到问题，我对官方示例进行了一些更改，然后列表消失了。我想知道为什么？谢谢大家帮忙~~

沙箱：https ://codesandbox.io/s/bvaughn-react-window-fixed-size-list-vertical-forked-utczn?file=/index.js

当您删除组件div中的节点时Example，一切正常。

Answer 1

所以这里的问题是父节点，在这种情况下，<div>元素，应该height
看看这个，它的工作：

<div style={{display: "flex", flexGrow: 1, height: "100%"}}>
    <AutoSizer>
       // your code
    </AutoSizer>
</div>

关于这个有一个老问题，看看：
https ://github.com/bvaughn/react-virtualized/issues/570