Destination
Componente para uso de Origem - Destino
Exemplo
Utilização
O componente Destination pode ser usado com a propriedade type='input', onde irá renderizar dois inputs: um para entrada de origem, e outro para entrada de destino, e com type='text', onde irá renderizar os endereços destacados por origem e destino, sem input.
Implementação
<Destination
type='input'
originInputValue={this.state.origin}
destinyInputValue={this.state.destiny}
onChangeOrigin={text => this.onChangeOrigin(text)}
onChangeDestiny={text => this.onChangeDestiny(text)}
/>
<Destination
onClickChangeOrigin={() => console.log('origin')}
onClickChangeDestiny={() => console.log('destiny')}
type='text'
originAddress='Rua Fidêncio Ramos, 302 - Vila Olimpia, São Paulo - SP, 04551-010'
destinyAddress='Rua Fidêncio Ramos, 302 - Vila Olimpia, São Paulo - SP, 04551-010'
/>
Propriedades
type
Valor em string que define o tipo de componente a ser renderizado. O valor deve ser, obrigatoriamente, input ou text.
originInputValue
Valor em string que será exibido no input de origem.
destinyInputValue
Valor em string que será exibido no input de destino.
onChangeOrigin
Função a ser executada quando o valor do input for alterado. Recebe como parametro o valor do input.
Exemplo: onChangeOrigin={text => console.log(text)}
onChangeDestiny
Função a ser executada quando o valor do input for alterado. Recebe como parametro o valor do input.
Exemplo: onChangeDestiny={text => console.log(text)}
onClickChangeOrigin
Quando colocado essa propriedade, exibirá o botão Alterar ao lado do endereço de origem que, ao clicar, executará uma função definida pelo desenvolvedor.
Exemplo: onClickChangeOrigin={() => console.log('origin')}
onClickChangeDestiny
Quando colocado essa propriedade, exibirá o botão Alterar ao lado do endereço de destino que, ao clicar, executará uma função definida pelo desenvolvedor.
Exemplo: onClickChangeDestiny={() => console.log('destiny')}
originAddress
Valor em string que contém o endereço de origem a ser exibido.
destinyAddress
Valor em string que contém o endereço de destino a ser exibido.