javascript - 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

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

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