Javascript 如何使ReactJS onClick函数更改textarea的值？

我试图制作一个ReactJS表单，其中有一个按钮，一旦按下，就会改变输入标记的值。每次我按下按钮，文本都会更改，但页面会重新加载，文本区域会返回为空白。我在这个问题上搜索了一下，发现了以下线程：。 然而，这个问题的解决方案shouldComponentUpdate{return false；}最终使输入区域的文本没有任何变化。这是我的密码：

从“React”导入React，{Component}； 导出默认类头扩展组件{ 状态={ cep:， 地址：， } searchCEP{ this.setState{address:address}； } 渲染{ 回来 蒂图罗 CEP this.searchCEP}className=波浪效果蓝色波浪灯光btn>Buscar por CEP 描述 恩德雷索 ; } };

---

您可以进行以下更改

 <div id="buscar-cep" className="col s1">
                                <button onClick={(e) => this.searchCEP(e)} className="waves-effect blue waves-light btn">Buscar por CEP</button>
 </div>

---

这将停止重新加载

您可以进行以下更改

 <div id="buscar-cep" className="col s1">
                                <button onClick={(e) => this.searchCEP(e)} className="waves-effect blue waves-light btn">Buscar por CEP</button>
 </div>

---

这将停止重新加载

阅读您所说的内容。根据过去的经验，重新加载页面的最佳原因是，当您调用函数时，您不会阻止表单中按钮的默认操作，因此您可以尝试

    """
  searchCEP(e){
        e.preventDefault();
        this.setState({ address : "Adress" });
    }
"""

 <div id="buscar-cep" className="col s1">
  <button onClick={(e) => this.searchCEP(e)} className="waves-effect blue waves-light btn">Buscar por CEP</button>
  </div>

"""

自

---

希望这有助于阅读您所说的内容。根据过去的经验，重新加载页面的最佳理由是，在调用函数时，您不会阻止表单中按钮的默认操作，因此您可以尝试

    """
  searchCEP(e){
        e.preventDefault();
        this.setState({ address : "Adress" });
    }
"""

 <div id="buscar-cep" className="col s1">
  <button onClick={(e) => this.searchCEP(e)} className="waves-effect blue waves-light btn">Buscar por CEP</button>
  </div>

"""

自

---

希望这有帮助

您应该停止表单元素的默认行为：

<form onSubmit={(e) => e.preventDefault()}

---

您应该停止表单元素的默认行为：

<form onSubmit={(e) => e.preventDefault()}

---

哪个区域用于更改文本？我的意思是，你的代码中的地址在哪里？当我按Run code snippet时，示例不起作用。哪个区域用于更改文本？我的意思是，在你的代码中地址在哪里？当我按下RunCodeSnippet时，这个例子不起作用。