vis.js / Javascript / React：从数据库获取组

Question

我目前正在使用REACT作为前端，并从Neo4j DB访问数据。另外，我正在使用vis.js渲染事件的时间表。目前，我正在尝试找出在REACT UI中按组显示数据的最佳方法。我看到的大多数vis.js示例在代码中都使用静态数据。我也查看了vis.js文档，但没有帮助。请注意，我是REACT / JS的新手。

现在，以下代码将所有数据显示在屏幕上。

const nArray = data.abs.map((abs, index) => ({id: index + 1, content: abs.Des[0], start: abs.time, title: abs.Trace, end: null, group: 1}))

const groups = ([{id: 1, content: 'Prog'}])

    <div className="timeline">
        <Timeline 
            groups={groups}
            items={nArray}
            options={options}
            container={container}
          />;
    </div>

在我的数据库中，我有4种类型的节点，现在它们全部显示在一组Prog中。我想使用vis.js在时间轴上显示它们各自组中的4组节点，但是我不确定如何使用map函数过滤数据，或者这是否是最佳解决方案。任何有关如何解决此问题的建议将不胜感激。