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