ReactJs在值更改时关闭输入文本字段

bwitn5fc  于 2023-04-20  发布在  React
关注(0)|答案(1)|浏览(107)

我有以下问题:我有一个输入文本字段和扫描条形码。但是文本字段不会自动关闭。如果我通过键盘输入数字,它会自动关闭。我做错了什么吗?扫描仪快吗?任何想法?

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" />
ilmyapht

ilmyapht1#

这样做:

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

相关问题