Javascript “防止默认值不起作用”保持刷新网页，sendMessage也不起作用 const sendMessage=async（事件）=>{ event.preventDefault（）； setInput（e.target.value）}placeholder=“键入消息”Type=“text”/ 发送消息

阻止默认值不起作用保持刷新网页和sendMessage也不起作用

sendMessage应传递给表单元素的onSubmit处理程序，如下所示

const sendMessage = async (event) => {
event.preventDefault();
    

<div className="chat_footer">
  <InsertEmoticonIcon />
  <form>
    <input value={input} onChange={(e) => setInput(e.target.value)} placeholder="Type a message" type="text" />   
    <button onclick={sendMessage} type="submit">
      Send a message
    </button>
  </form>
  <MicIcon />
</div>

const sendMessage=async（事件）=>{
event.preventDefault（）；
setInput（e.target.value）}
占位符=“键入消息”
type=“text”
/>
发送消息

您需要防止表单提交时出现默认值。。。不是点击按钮我该怎么做？好的，所以它不会刷新，但不会提交键入的消息

const sendMessage = async (event) => {
event.preventDefault();
    
<div className="chat_footer">
<InsertEmoticonIcon/>
<form onSubmit={sendMessage}>
<input 
value={input} onChange={e => setInput(e.target.value)}
placeholder="Type a message"
type="text"
/>
    
<button type="submit">
Send a message
</button>
</form>
<MicIcon/>
</div>