Javascript ReactJS水平时间轴组件

我有这个组件，我正试图通过

const-Example是我传递给组件的数据结构的一个示例

const示例=[
{数据：'2018-03-22'，状态：'status'，状态B:'Ready for Dev'，状态：'In Progress'}，
{数据：'2018-03-23'，状态：'status'，状态B:'Progress'，状态：'Done'}，
]

只需在

示例

数组中映射

数据

，如

---

values={EXAMPLE.map（x=>x.data）}

Hello@Firice Nguyen，但是如何将

{statusB}->{StatusE}

替换为图像中的

{this.state.value}

。。？谢谢我不明白。你能更具体一点吗？如果你选择一个日期，它将显示在0、1、2等下面，这是

{this.state.value}

，但我想显示

{statusB}->{StatusE}

你可以在我上传的图片上看到，2018年3月22日的状态是

已准备好进行开发->正在进行中

这是

的状态B->状态

@Firice Nguyen谢谢！它的工作，我一直试图找出为什么正确的值

{statusB}->{StatusE}

只出现在第二次点击之后！知道为什么会发生这种情况吗？@zemmsores这取决于您的应用程序逻辑。您可以在代码中看到这一行：

{curStatus}-{prevStatus}

。在codesandbox中，我检索不同对象的

statusB

，如果需要

{statusB}->{StatusE}

，只需更改它即可。请注意，您的

statusB

使用downcase

s

和

StatusC

使用upcase

s

。这可能会导致一些错误