Tutup kotak teks input: Operasi ReactJs apabila nilai berubah

Question

Saya mempunyai masalah berikut: Saya mempunyai kotak teks input dan saya sedang mengimbas kod bar. Tetapi kotak teks tidak ditutup secara automatik. Jika saya memasukkan nombor menggunakan papan kekunci ia akan ditutup secara automatik. Adakah saya melakukan sesuatu yang salah? Adakah pengimbas terlalu pantas? Ada idea?

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

Lakukan ini:

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