使用createElement创建的文本框的值未在前端JavaScript上清除

编程问答 2022-08-12

问题描述

下面是我在聊天库中创建的代码的代码。一段代码，在单击事件之后清除该值。 这里的问题是它不能正确更新我的前端。它保留在默认文本的后面。

创建文本框的代码：

{
  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 (将#修改为@）

clickevent-handlingjavascriptnullnull