如何使用map将数据从组件传递到reactJs上的另一个组件？

Question

我有一个react-big-calendar，我想当我单击新事件时，小时对话框将具有单击新事件时的小时值，例如，我从07:30到08单击鼠标：30，所以我想在对话框中获得该小时的时间，作为startandend状态的输入值，但是，当我单击“ Ajouterdisponibilité”按钮时，其位置位于日历上方，因此我具有相同的对话框。单击它，我将有时间，在这两个时刻，我都可以随时钟更改它。

我的代码沙箱是：

https://codesandbox.io/s/9llpm579py

当我运行它时，对于他们两个而言，我得到的都是相同的值。

我该如何解决？