我正在学习一个教程，并且我正在尝试使用一个在提交时不会重新加载的表单来执行此操作我正在尝试使用e.preventDefault();但是这不起作用并且页面在提交时正在重新加载
这是我的代码：
import React from 'react';
import { useState } from 'react';
function Modal() {
const [Email, setEmail] = useState('');
const [Fact, setFact] = useState('');
const [Source, setSource] = useState('');
const handelSubmit = (e) => {
e.preventDefault();
const newFact = {Email, Fact, Source};
console.log(newFact);
}
return (
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Add a Fact</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form onsubmit={handelSubmit}>
<div class="mb-3">
<label …