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

我有一个，我想当我点击新事件时，这个小时的对话框会有新事件上点击的小时值，例如，我在07:30到08:30之间点击鼠标，所以我想在我的对话框上得到这个小时作为

开始

和

结束

状态的输入值，但是，我通过点击按钮“Ajouter disponibilité”也有同样的对话框，他的位置在日历上方，当我点击它时，我会得到当前的小时数，在这两个按钮上，我可以用时钟来改变它

我的代码沙盒是：

当我运行它的时候，我得到了它们两个的相同值

我怎样才能修复它？

因为要将这些文本字段的所需格式作为参数传递给

handleAjouter=（开始，结束）

，所以可以将它们绑定到第一个元素的开始和结束。你们可以像以前那个样利用这个时刻，但似乎并没有必要

handleAjouter = (start, end) => {
    this.state.tranches[0].start = start;
    this.state.tranches[0].end = end;
    this.setState({
      start: moment(start).format("HH:mm"),
      end: moment(end).format("HH:mm"),
      clickDisponibilite: true,
      tranches: this.state.tranches,
      openPopupAjout: true
    });
  };

因为您的初始元素在从开始和结束获取初始值时，其值位于段[0]中

---

所以现在它在

中提取这些值，这个链接可能会帮助你：@mojtabaramezani不，这不是同一个案例谢谢你@Caleb，但是当我点击日历上面的按钮时，所有的都是不相似的，但是我想当我点击它时，我得到

moment（）.format（“HH:mm）

Input的值您可以使用redux吗？我将尝试不使用。我不确定您是否可以在没有存储的情况下进行双向绑定。redux的工作原理类似于您可以直接使用的数据存储。看看您的发展方向，它将使您的生活更轻松。它就像一个变量保持器，您的任何组件都可以发送或接收数据。如果您使用它，您可以使用它可以说：当弹出窗口中的时间发生变化时，将“开始”和“停止”档设置为redux存储中的值，并将这些值设置为议程中的值，以创建新的日历条目。谢谢@Caleb，您能帮我做些什么吗？