En el campo de texto del número de teléfono, si escribe cualquier número como 919002007805 en la consola, se imprime normalmente, pero si desea eliminar el número uno por uno, hasta 9 dígitos funciona bien (919 *********) luego, si desea eliminar los primeros 3 dígitos de la entrada (919), observa que en la consola no se refleja, pero en la entrada se elimina, por lo que cuando quiero actualizar el número de teléfono, la bandera muestra un símbolo no deseado. Entonces, ¿cómo resolver eso para que en la consola funcione bien al momento de insertar y eliminar el tiempo?
import React from "react"; import PhoneInput from "react-phone-number-input"; export default function App() { const [fields, setFields] = React.useState([{ value: null }]); function handleChange(i, event) { if (event) { let values = [...fields]; values[i].value = event; setFields((v) => values); console.log(`values`, values[0]); } } return ( <div className="App"> {fields.map((field, idx) => ( <PhoneInput key={idx} id="phoneNumbers1" type="text" placeholder="Enter phone number " value={field.value || ""} defaultCountry="IN" international name="phoneNumbers" autoComplete="off" onChange={(e) => handleChange(idx, e)} /> ))} </div> ); }