Básicamente, tengo un componente de entrada para números de teléfono. Estoy usando la biblioteca de entrada de teléfono nativo de reacción, por lo que el código internacional se agrega de manera predeterminada. Quiero configurar el cambio de entrada de tal manera que el código internacional +234 nunca se elimine con el botón Atrás. Creo que regex es el camino a seguir usando let regex = /[^+234]/g para que coincida con el inicio, pero no sé cómo proceder a continuación.
Entonces, básicamente, si un usuario ingresa cualquier número, +234 se agrega de forma predeterminada al comienzo de phoneNumber. Con el diseño actual de la biblioteca, el prefijo +234 se elimina cuando el usuario elimina el número. Yo lo que quiero es que se mantenga el +234 por mucho que borre el usuario
CÓDIGO
const onChangePhoneNumberHandler = (phoneNumber: string) => { setPhoneNumber(phoneNumber) showMessage({ text: ``}); } <PhoneInput value={phoneNumber} onChangePhoneNumber={onChangePhoneNumberHandler} />const onChangePhoneNumberHandler = (phoneNumber?: string) => { const newNumber = phoneNumber?.includes("+234") ? phoneNumber : "+234" setPhoneNumber(newNumber) showMessage({ text: ``}); }Podría querer afinar la parte lógica, pero esa es una solución rápida