Как передать данные от компонента к другому компоненту на реагировать, используя карту?

Question

У меня есть реагировать-большой-календарь , я хочу, чтобы при нажатии на новое событие диалоговое окно часа получало значения часа, щелкнувшие по новому событию, например, ящелкните мышью с 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
    });
  };

Поскольку ваш начальный элемент, хотя он получает свое начальное значение из начала и конца, его значения находятся внутри траншей [0].

Так что теперь он вытягивает эти значения в https://gyazo.com/d0f887a0fa3d4dfeff56919a7cf94b28