O React IPV4 Input é um componente React para permitir a entrada de endereços IPV4 (Internet Protocol Version 4).
O componente substitui um input normal por um que permite a digitação correta de um endereço IPV4, garantindo que cada octeto seja válido.
Instalação Para instalar o React IPV4 Input em seu projeto, basta executar o seguinte comando:
npm install react-ipv4-input
Para usar o componente em seu projeto, basta importá-lo e usá-lo como qualquer outro componente React. Veja um exemplo:
import React from 'react';
import IPV4Input from 'react-ipv4-input';
function MyComponent() {
return (
<div>
<label htmlFor="ipv4">Digite um endereço IPV4:</label>
<IPV4Input id="ipv4" name="ipv4" />
</div>
);
}
O componente possui as seguintes propriedades:
name
(string
, default:''
)
O nome do inputvalue
(string
ouarray
, default:''
)
O valor do inputdefaultValue
(string
ouarray
, default:''
)
O valor padrão do inputonChange
((address)
, optional)
Função chamada sempre que um dos octetos for modificadoisWrong
((address) => boolean?
, optional)
Função chamada para determinar se o valor atual válido ou não.
Este projeto está licenciado sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.