Fermer la zone de texte de saisie : opération ReactJs lorsque la valeur change

Question

J'ai le problème suivant : j'ai une zone de saisie de texte et je scanne un code-barres. Mais la zone de texte ne se ferme pas automatiquement. Si j'entre des chiffres à l'aide du clavier, il se ferme automatiquement. Est-ce que j'ai fait quelque chose de mal? Le scanner est-il trop rapide ? Des idées?

const [open, setOpen] = useState(false);
    
const onValueChange = (event) => {
        if(event.target.value.length===16){
          setOpen(false);
        }
    };

<TextField autoFocus onChange={onValueChange} margin="dense" id="number"  type="text" inputProps={{minlength: 16,maxlength:16}} fullWidth variant="outlined" />

Answer 1

Faites ceci :

<TextField autoFocus 
onChange={onValueChange} 
margin="dense" 
id="number"  
type="text" 
inputProps={{minlength: 16,maxlength:16}} 
fullWidth 
variant="outlined"
onBlur={() => setOpen(false)} /* NEW */
 />