当我在反应功能组件中编写代码时，handlesubmit 未定义

Question

这是我使用反应功能组件编写的寄存器组件的代码。我错过了什么，反应状态？代码如下。

import React, {useState} from 'react'
import './Register.css'
import axios from 'axios'

function Register() {
const [name, setName] = useState('');
const [email, setEmail] = useState(''); 
const [password, setPassword] = useState(''); 
const [confirmPassword, setConfirmPassword] = useState(''); 

     const handleSubmit = (e) => {
        e.preventDefault();
        const data = {name , email, password, confirmPassword};
     
        console.log('data');
       
     }
     
    return (
        <div className="signup__container">

            <div className="signup__containerInfo">
            <h1 className="h1__swari">सवारी नविकरणको लागि</h1>
            <hr />
            </div>


<form4 onSubmit={handleSubmit}>
<h5 className="h5__form"> Name</h5>
<input type="text" placeholder="पुरा नाम लेख्नुहोस्"  value={name} onChange={e => setName(e.target.value)}/>
<h5 className="h5__form"> Email-Address </h5>
<input type="Email" placeholder="ईमेल लेख्नुहोस्" value={email} onChange={e => setEmail(e.target.value)}/>
<h5 className="h5__form"> Password </h5>
<input type="Password" placeholder="पासवर्ड लेख्नुहोस्s" value={password} onChange={e => setPassword(e.target.value)}/>
<h5 className="h5__form"> Confirm Password </h5>
<input type="Password" placeholder="पुन: पासवर्ड लेख्नुहोस्" value={confirmPassword} onChange={e => setConfirmPassword(e.target.value)} />
<p>
<button type="submit" className="signup__registerButton" >Register Now</button>
</p>
</form4>
        </div>
    )
    }

export default Register

我认为所有代码都很好，但只有句柄提交说错误。我是新手，请帮忙。

Answer 1

第 7 行应该是

const handleSubmit = (e) => {