如何解决使用createElement创建的文本框的值未在前端JavaScript上清除
下面是我在聊天库中创建的代码的代码。一段代码,在单击事件之后清除该值。 这里的问题是它不能正确更新我的前端。它保留在默认文本的后面。
创建文本框的代码:
{
key: "render",value: function() {
return o.a.createElement(
Xi,null,this.props.contactStatus === kt.CONNECTED &&
o.a.createElement(
o.a.Fragment,o.a.createElement($i,!this.state.message && o.a.createElement(bt,{
id: "connect.chat.composer.hintText",defaultMessage: "Send message..."
})),o.a.createElement(Qi,{
onInput: this.onMessageInput,onKeyPress: this.onMessageInput,onKeyDown: this.onMessageInput,role: "textbox","aria-label": "type a message",tabIndex: "0",contentEditable: "true",spellCheck: "true",onPaste: this.onPaste,maxLength: this.props.maxCharacterLimit - 1,})
),this.state.limitReached && o.a.createElement(Ji,"You have reached the limit of ",this.props.maxCharacterLimit," characters")
);
},},
发送消息并清除值的代码。控制台显示清除了该值,但在前端却保留了该值,当我们再次单击该字段时,它以上一个文本重新开始。
(document.getElementById("showsendbutton").addEventListener("click",r.sendMessage = function() {
console.log('STATEMESSAGAE_uperwala',r.state.message),r.state.message.toString().trim() && (r.props.addMessage(r.props.contactId,{
text: r.state.message
}),console.log('STATEMESSAGAE_darmayanwala',r.setState({
message: null
})),console.log('STATEMESSAGAE_neechywala',r.state.message);
},)),
感谢您的快速帮助。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。