Javascript 此代码中的错误是什么？当我调用第1部分中的函数时，它不起作用，但第2部分起作用

这是我的密码。当我使用第1部分中的函数时，它在控制台上没有显示任何内容。但当我在第2部分中使用函数时，它会显示“Hello”。但我看不出有什么不同。第一部分我做错了什么

    handleChange = (e) => {
        this.setState({
            [e.target.id]:e.target.value
        })
    }
    // part 1
    handleSubmit = (e) => {
        e.prevendDefault()
        console.log(this.state)
        console.log("hello")
    }
    // part 2
    handleSubmit = (e) => {
        e.preventDefault();
        console.log(this.state)
        console.log('hello')
      }
    render() {
        return (
            <div className="form-group container w-50">
                <form onSubmit={this.handleSubmit}>
                    <label htmlFor="">Email</label>
                    <input type="email" id="email"className="form-control" onChange={this.handleChange}  />

                    <label htmlFor="">Password</label>
                    <input type="password" id="password" className="form-control" onChange={this.handleChange}/>

                    <button type="submit" className="btn btn-primary" >Submit</button>
                </form>


            </div>
        );
    }

handleChange=（e）=>{
这是我的国家({
[e.target.id]：e.target.value
})
}
//第一部分
handleSubmit=（e）=>{
e、 prevendDefault（）
console.log（this.state）
log（“你好”）
}
//第二部分
handleSubmit=（e）=>{
e、 预防默认值（）；
console.log（this.state）
console.log（'hello'）
}
render（）{
返回(
电子邮件
密码
提交
);
}

有一个拼写错误

   handleSubmit = (e) => {
       e.prevendDefault()
       console.log(this.state)
       console.log("hello")
   }

它是

prevendDefault（）

，但您有

prevendDefault

---

我建议使用带有

智能感知

或自动完成功能的IDE或编辑器，以防止将来出现此类错误

第1部分中有一个输入错误，

e.prevendDefault（）

应该是

e.prevendDefault（）

。您应该会在控制台中看到一个错误

函数prevendDefault在e上不存在

非常感谢。我正在使用VS代码。你能给我建议一些React的扩展吗，Firebase。如果你使用VS代码，可能是因为你当时没有完成它。一般来说，这是事件对象的标准方法。至于react插件，我只需进入插件选项卡，搜索react和firebase，通常点击率最高、下载量最多的插件都很好，因为很多人都在使用它，但总是阅读它的功能@阿克什2739