Question

我有一个react-big-calendar，我想在单击新事件时，小时对话框将具有单击新事件时的小时值，例如，我从07中单击鼠标： 30到08:30，所以我想在对话框中获得这一小时作为start和end状态输入的值，但是，我通过单击按钮“ Ajouter”获得了相同的对话框disponibilité”（他的位置在日历上方），当我单击它时，我将拥有时刻，在这两个时刻，我都可以随时钟更改它。

我的代码沙箱是：

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

当我运行它时，两者的力矩相等。

我该如何解决？

Answer 1

https://codesandbox.io/s/8xl25y616j

由于要将这些文本字段的必需格式作为参数传递给handleAjouter = (start, end)，因此可以将它们绑定到第一个元素的开始和结束。您可以像以前一样使用瞬间，但这似乎没有必要。

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
    });
  };

因为您的初始元素从开始和结束获取初始值，但其值却在tranches [0]之内。

所以现在它将https://gyazo.com/d0f887a0fa3d4dfeff56919a7cf94b28中的那些值拉出来

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

1 个答案: