在JS表单中按下按钮时转到功能

Question

我在JS中创建了Form并在用户按下按钮时做出反应"提交"；我希望它触发函数"；提交"；并传递表单中的所有值。我该怎么做？

import React from 'react';
export default function MessageForm(){
const submit = (values) => {
console.log(values);
}
return(
<div class="row">
<div class="col-xl-4 col-lg-4 tm-flex-center-v tm-section-left">
<form action="http://localhost:3001/messaging/write-message" class="tm-contact-form" method="POST">
<div class="form-group mb-4">
<input type="text" id="sender" name="sender" class="form-control" placeholder="From" required/>
</div>
<div class="form-group mb-4">
<input type="text" id="receiver" name="receiver" class="form-control" placeholder="To" required/>
</div>
<div class="form-group mb-4">
<textarea rows="1" id="subject" name="subject" class="form-control" placeholder="Subject..." required></textarea>
</div>
<div class="form-group mb-6">
<textarea rows="5" id="message" name="message" class="form-control" placeholder="Message..." required></textarea>
</div>
<div class="form-group mb-0 text-right">
<button type="submit" onClick="submit" class="btn tm-btn-primary tm-send-btn">Send</button>
</div>
</form>
</div>
<div class="col-xl-8 col-lg-8 tm-circle-img-container tm-contact-right">
<img src="../img/img-01.jpg" alt="message" class="rounded-circle tm-circle-img"/>
</div>
</div>
)
}

Answer 1

just replace "submit" with {submit} in the button tag onClick attribute <button type="submit" onClick={submit} class="btn tm-btn-primary tm-send-btn">Send</button>