Como passar dados de um componente para outro componente em reactJs usando mapa?

CodeLover

Eu tenho um reaj-grande-calendário , quero que quando clico em novo evento, o diálogo da hora estará tendo os valores da hora clicados no novo evento, por exemplo, clico com o mouse das 07:30 às 08 : 30, então eu quero pegar essa hora em meu diálogo como o valor da entrada de starte endestado, mas, tenho o mesmo diálogo clicando no botão "Ajouter disponibilité" cuja posição está acima do calendário, quando eu clique aqui terei a hora do momento, e em ambas posso alterá-la com o relógio.

Minha sandbox de código é:

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

Quando eu o executo, obtenho o mesmo valor de momento para ambos.

Como posso corrigir isso?

Caleb Davenport

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

Como você está passando o formato necessário para esses campos de texto como parâmetros para handleAjouter = (start, end), você pode apenas vinculá-los ao início e ao fim do primeiro elemento. Você poderia usar o momento como o fez, mas não parece necessário.

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

Porque seu elemento inicial, embora obtenha seu valor inicial do início e do fim, seus valores estão dentro de tranches [0].

Então agora ele extrai esses valores em https://gyazo.com/d0f887a0fa3d4dfeff56919a7cf94b28

Este artigo é coletado da Internet.

Se houver alguma infração, entre em [email protected] Delete.

editar em
0

deixe-me dizer algumas palavras

0comentários
loginDepois de participar da revisão

Artigos relacionados

Como passar dados de um componente para outro ReactJS

ReactJs: Como passar dados de um componente para outro?

Como passar dados de um componente para outro componente

Como passar dados de um componente para outro componente

Como passar dados de um componente para outro por meio de uma função no ReactJS?

Como passar dados de um componente para outro no arquivo ts?

React - Como posso passar dados API de um componente para outro em um arquivo js diferente?

React - Como posso passar dados API de um componente para outro em um arquivo js diferente?

Como obter o valor de um componente (componente filho) para outro componente (componente pai) em reactjs?

Como passar adereços de um componente filho para outro componente filho usando o componente pai

Como passar adereços de um componente filho para outro componente filho usando o componente pai

Usando dados de um componente em outro no Reactjs

Angular: como passar dados de um componente para outro componente sem passar por HTML?

Angular: como passar dados de um componente para outro componente sem passar por HTML?

Passar dados API de um componente para outro componente?

Não é possível passar dados de um componente para outro componente usando SharedService no angular?

passar dados de um componente de reação para outro componente que está em rotas diferentes

como passar dados de um componente para outro componente no angular 2?

Como posso passar dados de um componente para outro componente no vue?

React Native - como passar dados para o componente que é um atributo dentro de outro componente

Como passar o id de um componente para outro componente ao clicar em um elemento

Reactjs- Como faço para passar dados ou uma variável de um componente para outro

Como posso passar dados de linha clicada de um componente para outro componente sem passar para o url

Como posso passar dados de linha clicada de um componente para outro componente sem passar para o url

Como passar dados de um componente filho para um componente pai em React.js

Como passar adereços de componente filho para componente pai para outro componente filho no ReactJS?

Como posso passar dados de um componente para outro para editar o formulário?

Como passar dados de serviço de um componente para outro no Angular 5

Como posso passar adereços de um componente para outro usando Link e roteador para reagir

TOP lista

quentelabel

Arquivo