ReactJS水平时间轴组件

Question

我有这个组件Component (codesandbox.io)，我正试图通过

const示例，它是我传递给组件的数据结构的一个例子。

const EXAMPLE = [
  {data: '2018-03-22', status: 'status', statusB: 'Ready for Dev', StatusE: 'In Progress'},
  {data: '2018-03-23', status: 'status', statusB: 'In Progress', statusE: 'Done'},
]

我只能使用Data属性创建一个新数组，但我也需要 您可以在下面的图片中看到{statusB} -> {StatusE}

这就是我想要实现的目标：

Answer 1

只需将您的data映射到EXAMPLE数组中，例如this codesandbox

values={EXAMPLE.map(x => x.data)}