关闭输入文本框：ReactJs在值改变时的操作-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

关闭输入文本框：ReactJs在值改变时的操作

P粉386318086 2023-09-08 23:29:17

[React讨论组]

592

我有以下问题：我有一个输入文本框，并且正在扫描条形码。但是文本框不会自动关闭。如果我用键盘输入数字，它会自动关闭。我做错了什么吗？扫描仪太快了吗？有什么想法吗？

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

全部回复(1)

P粉4861381962023-09-09 16:29:06 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 */
 />