reactjs - 使用 Autosizer react 窗口

Question

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

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

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

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