javascript - Onclick 功能仅在第二次单击时起作用 - React js
问题描述
我正在分配 Onclick 事件以触发我的消息发送 api 功能的 div
<div className="sendDiv"
onMouseOver={() => hoverSend()}
onMouseLeave={() => setSendOn(true)}
onClick={() => replyMessage(enquiryId)}>
我的回复消息函数,我保存我的 api 路由并调用另一个函数 (getOneticket) 来刷新我的消息。
在这里,我将使用输入框的 OnChange 事件中的值设置我的“messageState”,并将其传递给我的 api 补丁。
function replyMessage(currentId) {
console.log("reply mesaage");
const replyData = {
message: messageState,
};
axios
.patch(`admin/enquiry?enquiryID=${currentId}`, replyData)
.then((res) => {})
.catch((err) => {
console.log(err, "error");
});
getOneticket(currentId);
}
我正在处理 onChange 事件和 setMessageState 的输入框
<TextareaAutosize
maxRows={3}
aria-label="maximum height"
placeholder="Type a message.."
className="typetext"
value={messageState}
onChange={(e) => setMessageState(e.target.value)}
/>
我的 getOneTicket 函数,我只是从个人 id 加载数据
function getOneticket(cookID) {
console.log('get one ticket called from send button click')
console.log(cookID, "ticket id");
axios
.get(`admin/enquiry/get/one?enquiryID=${cookID}`)
.then((res) => {
console.log(res, "single res");
dispatch({
type: actionTypes.GET_SINGLE_ENQUIRIES,
payload: res.data.enquiry,
});
})
.catch((err) => {
console.log(err, "error");
});
setEnquiryId(cookID);
}
解决方案
推荐阅读
- java - Spring验证:MethodArgumentNotValidException:代码存储在哪里?
- python - 用于 Kibana 应用程序的 Okta OpenID Connect
- c# - 如何在html中显示价值?
- asp.net - 如何使用 asp.net 在日历控件中添加日期?
- javascript - 使用 Polyfills/transpiler 会使我们的网站变慢吗?
- mysql - 为什么当我启动 phpmyadmim 时会出现这种文字?
- qt - QML.jl:没有为 QML 找到适用的加载程序
- javascript - 动态添加数据属性到元素
- java - Java Map 按键归约
- wordpress - 我如何查看不继续运行的 docker 容器正在做什么/试图做什么?