小编Ark*_*bal的帖子

未捕获的类型错误:e.preventDefualt 不是函数

我对 React 和 js 总体来说是新手,我正在学习 React 速成课程,并在课程中的某个时刻陷入了这个错误。这是我收到的错误消息是针对 PreventDefault 方法的,我用该方法来阻止页面刷新。

这是 2 个文件问题

import { useState } from "react"

export function NewTodoForm({onSubmit}){
    const [newItem, setNewItem] = useState("")
  function handleSubmit(e) {

    e.preventDefualt()
    if (newItem === "") return
    onSubmit(newItem)
    
    setNewItem("")
  }
return (
    <form className="new-item-form" onSubmit={handleSubmit}>
        <div className="form-row">
          <label htmlFor="item"> New Item</label>
          <input value={newItem} onChange={e => setNewItem(e.target.value)} type="text" id="item"></input>
        </div>
        <button className="btn" >
          Add
        </button>
      </form>
)
}
Run Code Online (Sandbox Code Playgroud)

import "./styles.css"
import { useState } from "react"
import { NewTodoForm } from "./NewTodoForm"

function …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-props react-functional-component react-hook-form

0
推荐指数
1
解决办法
108
查看次数