如何解决按钮 onclick 在具有以下代码的 reactJS 中不起作用
const [open,setIsOpen] = useState(false);
const openForm = () => setIsOpen(true);
<button class="openButton" onClick={() => {openForm}} style={openButton}>Chat</button>
<div class="chatPopup" id="myForm" style={chatPopup}>
<Form open={open}/>
<div class="formContainer" style={formContainer}>
<span class="title1" style={title1}>Chat</span>
<label for="msg"><b>Message</b></label>
<iframe customFrameSection style={customFrameSection} frameborder="1" id="AIChat" style={{border:'1px solid rgba(0,255,0.3)',width: "285px",height: "400px"}}></iframe>
<button type="button" class="btn cancel" onclick={closeForm} style={cancelButton}>Close</button>
</div>
</div>
我尝试了多种方法,onclick 应该打开聊天窗口,如何打开带有 id myform 的聊天弹出窗口,缺少在任何地方提供 myform id,请建议我,这里做错了什么。
解决方法
您正在向 onClick 侦听器提供匿名函数,该函数什么也不做,要么在那里调用 clickForm 函数,要么在 onClick 中传递它的引用,例如 -
touch ~/PA2/rooms/treasureRoom/gold
wc -l < ~/PA2/rooms/treasureRoom/gold
,
除了将 onClick 更改为 onClick={openForm}
之外,请检查您的 HTML 代码。
<Form open={open}/>
我没有看到表单中的内容。也许你是这个意思?
<From open={open}>
<div class="formContainer" style={formContainer}>
<span class="title1" style={title1}>Chat</span>
<label for="msg"><b>Message</b></label>
....
</div>
</Form>
,
您自己关闭了表单标签,因此当用户点击聊天
时没有任何东西可以打开将表单内容包裹在 form
标签中,错误可能会消失!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。