reactjs - 在具有动态高度的容器中 react 无限滚动？

Question

我正在使用 ( https://github.com/seatgeek/react-infinite ) 中的 react-infinite 来在用户滚动时加载数据。

这是一个移动应用程序，容器高度是动态的(大约:60vh)，每个项目的高度为46px。

我需要将containerHeight和elementHeight传递给元素。我怎样才能得到它们？

我不想避免使用 JQuery，即:

var height = $(this.refs.transactionsDiv.getDOMNode()).

谢谢!

Answer 1

你可以尝试这样的事情:

React.findDOMNode(my_node).offsetHeight;

为您的容器高度并直接传递您的项目高度，因为您已经知道它。

顺便说一句，我遇到了react-infinite 的问题，它还不支持可变高度(请参阅 https://github.com/seatgeek/react-infinite/issues/62 )。如果您想要更灵活的东西，请尝试react-list(https://github.com/orgsync/react-list)，它不需要容器或元素高度，并在不可见时删除dom节点。