函数参数未定义

Question

每当我点击回车键时，console.log正在打印，但(socketId, msg)显示undefined。我在这里做错了什么，请帮助我提前谢谢

const callComponent = ({
handleSendMessage
}) => {
function handleMessage(socketId, msg) {
console.log('chat open clicked', socketId, msg)
handleSendMessage(socketId, msg)
}
useEffect(() => {
const listener = event => {
if (event.code === "Enter" || event.code === "NumpadEnter") {
console.log("Enter key was pressed. Run your function.");
event.preventDefault();
handleMessage(socketId, msg)
}
};
document.addEventListener("keydown", listener);
return () => {
document.removeEventListener("keydown", listener);
};
}, []);
//...
}

Answer 1

useEffect内部的handleMessage函数对sockedId和msg没有访问权限。传递函数形参，因此必须在调用函数的作用域中。