入力テキストボックスを閉じる: 値が変更されたときの ReactJs の操作

Question

次の問題があります: 入力テキストボックスがあり、バーコードをスキャンしています。ただし、テキストボックスは自動的に閉じません。キーボードで数字を入力すると自動的に閉じてしまいます。私は何か間違ったことをしましたか？スキャナーが速すぎますか?何か案は？

リーリー

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 */
 />