關閉輸入文字方塊:ReactJs在值改變時的操作
P粉386318086
P粉386318086 2023-09-08 23:29:17
0
1
603

我有以下問題:我有一個輸入文字框,並且正在掃描條碼。但是文字方塊不會自動關閉。如果我用鍵盤輸入數字,它會自動關閉。我做錯了什麼嗎?掃描器太快了嗎?有什麼想法嗎?

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" />
P粉386318086
P粉386318086

全部回覆(1)
P粉486138196

Do this:

<TextField autoFocus 
onChange={onValueChange} 
margin="dense" 
id="number"  
type="text" 
inputProps={{minlength: 16,maxlength:16}} 
fullWidth 
variant="outlined"
onBlur={() => setOpen(false)} /* NEW */
 />
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板