Eingabetextfeld schließen: ReactJs-Vorgang, wenn sich der Wert ändert

Question

Ich habe folgendes Problem: Ich habe ein Eingabetextfeld und scanne einen Barcode. Das Textfeld wird jedoch nicht automatisch geschlossen. Wenn ich Zahlen über die Tastatur eingebe, wird es automatisch geschlossen. Habe ich etwas falsch gemacht? Ist der Scanner zu schnell? Irgendwelche Ideen?

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

Do this:

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