vis.js_timeline/REACTjs/JS：在一个选项卡中显示多个项目答案

【问题标题】：vis.js_timeline/REACTjs/JS: Display multiple items in one tabvis.js_timeline/REACTjs/JS：在一个选项卡中显示多个项目
【发布时间】：2019-03-29 13:54:51
【问题描述】：

我正在使用以下代码将内容传递给一组项目：

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

但是，现在时间轴上只显示数组中的第一项。内容如下：

content:(5) ["item1", "item2", "item3", "item4", "item4"]

在显示中，如何在时间轴的一个选项卡中显示所有项目？

更新：

控制台日志显示正确的结构，但收到此错误：

项目 [object Object] 中缺少属性“start”

const nArray = data.abs.map((abs, index) => abs.Event.map((Event, index) =>({id: index + 1, content: Event, start: abs.timestamp, title: abstraction.Trace, end: null, group: 1})))

第二次更新

下面的代码现在有这个错误，似乎来自 vis.js 库，但我不确定它的含义：

未捕获的类型错误：i 不是函数

const nArray = data.abs.map((abs, index) => ({id: index + 1, content: abs.Event.map((Event, index) => ({id: index + 1, Event})), start: abs.timestamp, title: abs.Trace, end: null, group: 1}))

【问题讨论】：

标签： javascript reactjs vis.js vis.js-timeline

【解决方案1】：

我使用的修复方法是使用 toString() 函数将数组转换为 StringArray。我将上面的代码更改为以下代码，它显示了存储在数组中的任何值。

修复：

const nArray = data.abs.map((abs, index) => ({id: index + 1, content: abs.Event.toString(), start: abs.timestamp, title: abs.Trace, end: null, group: 1}))

【讨论】：