使用react-virtualized在Grid中显示JSON对象列表

时间:2017-08-07 11:09:19

标签: json reactjs datatable react-virtualized

如何在网格中显示具有react-virtualizationized的对象列表。

在文档中,它显示了如何迭代.autoresizingMask = UIViewAutoresizingFlexibleTopMargin函数,但我想迭代JSON对象。

cellRenderer

如何调整此函数以显示JSON对象而不是字符串列表?

使用来自react-virtualizationized的示例我能够显示字符串数组的数组,我已经有一个显示数据对象的表,我希望它可以滚动而不会丢失性能。所以对我来说,反应 - 虚拟化是最着名的选择。

但还有另一种显示自定义内容的方法(例如:通过反应虚拟化库的JSON对象)?

我对我提出的解决方案一直很懒惰,即使用反应虚拟滚动功能将我的数据表显示为一个单元格列,而无需重新定义它。

1 个答案:

答案 0 :(得分:0)

在不重写整个渲染设计的情况下享受可滚动网格的好处的一种方法是在cellRenderer中渲染从另一个方法生成的DataTable:

XMLHttpRequest cannot load https://maps.googleapis.com/maps/api/distancematrix/json?origins=10010&destinations=44004|44060|&key=AIzaSyBOsjeskUwOLYQZntsv7_34gVZ3xgcXko0. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://belsonohearingcenters_two' is therefore not allowed access.

希望这可以帮助某人。