Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 键盘事件按键盘上的键_Javascript_Reactjs_Events_React Hooks_Keylistener - Fatal编程技术网

Javascript 键盘事件按键盘上的键

Javascript 键盘事件按键盘上的键,javascript,reactjs,events,react-hooks,keylistener,Javascript,Reactjs,Events,React Hooks,Keylistener,const CarForm=()=>{ const data=useContext(userContext) const[showForm,setShowForm]=useState(false); 常数更新=()=>{ db.collection(“prospects”).doc(data.document).更新({ 盘子:carData.盘子, motorNumber:carData.motorNumber, serialNumber:carData.serialNumber }) .然后

const CarForm=()=>{
const data=useContext(userContext)
const[showForm,setShowForm]=useState(false);
常数更新=()=>{
db.collection(“prospects”).doc(data.document).更新({
盘子:carData.盘子,
motorNumber:carData.motorNumber,
serialNumber:carData.serialNumber
})
.然后(函数(){
log(`documentsuccessfully updated!`);
})
.catch(函数(错误){
//该文档可能不存在。
控制台错误(“更新文档时出错:”,错误);
});
}
常数[plates,setPlates]=useState();
常量[enteredPlates,setEnteredPlates]=useState();
const[found,setFound]=useState();
常量[carData,setCarData]=useState();
常量getPlates=()=>{
let plates=db.集合(“板”);
车牌。onSnapshot((querySnapshot)=>{
const docs=[];
querySnapshot.forEach((doc)=>{
push({…doc.data(),id:doc.id})
});
固定板(文件);
});
}
useffect(()=>{
getPlates();
}, [])
常量findPlates=(e)=>{
e、 预防默认值();
如果(板材查找(p=>p.plates===输入板材)){
常数x=图版。查找(p=>p.plates===输入图版)
setCarData({…carData,板:x.plates,motorNumber:x.motorNumber,serialNumber:x.serialNumber})
setFound(真)
}否则{
setCarData({…carData,板:输入板})
setFound(假);
}
设置显示格式(真)
}
const handleEvent=(事件)=>{
如果(event.keyCode===13){
event.preventDefault();
设置输入板(事件目标值);
findPlates()
}
}
报税表(
{
盘子?
努梅罗·德普拉卡
{showForm===true&&
{
找到===true?
Número de serie
Número de motor
:
Número de serie
setCarData({…carData,serialNumber:e.target.value})}/>
Número de motor
setCarData({…carData,motorNumber:e.target.value})}/>
}
}
{showForm===true&&
}
: 
}
);
}
导出默认格式

试试这个:

const handleEvent = (event) => {
    if(event.key === 'Enter') {
        event.preventDefault();
        setEnteredPlates(event.target.value);
        findPlates()
    }
}

嗨,谢谢你的帮助,我也试过了,但还是不行。你能把你的代码粘贴到这里吗?我刚刚试过,效果很好,我已经在问题中添加了代码。谢谢请粘贴完整的代码来重现问题中的问题,使用代码段或代码块