在具有动态高度的容器中反应无限滚动？

Question

我正在使用来自（https://github.com/seatgeek/react-infinite）的 react-infinite ，以便在用户滚动时加载数据。

这是一个移动应用程序，容器高度是动态的（aprox。：60vh），每个项目的高度为46px。

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

我不想避免使用JQuery，即：

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

谢谢！

Answer 1

您可以尝试以下内容：

React.findDOMNode(my_node).offsetHeight;

for containerHeight并直接传递你的物品高度，因为你已经知道了。

另一方面，我遇到了react-infinite的问题，这些问题还不支持变量高度（参见https://github.com/seatgeek/react-infinite/issues/62）。如果您想要更灵活的东西，请尝试不需要容器或元素高度的react-list（https://github.com/orgsync/react-list），并在不可见时删除dom节点。