反應 preventDefault 功能不起作用

Question

怎么了伙計們。 我現在正在編寫 react 代碼，但由於某種原因，我的 handleSumbit 函數無法正常工作。 我試圖阻止我的按鈕不斷刷新頁面，但不知道為什么它不起作用。 這是代碼片段。

import React, { useState } from 'react'




 

function TodoForm(props) {

    const [input, setinput] = useState('')

    const handleChange = e => {
        setinput(e.target.value)
    }

    const handleSubmit = event => {
        event.preventDefaut();

        props.onSubmit({
            id: Math.floor(Math.random() * 1000),
            text: input
        });
        
        setinput('');
    };


  return (

    <div>
        
    <form className='todo-form' onSubmit={handleSubmit}>

    <input onChange={handleChange} placeholder='Add a todo' name="text" type="text" value={input} className='todo-input'/>

        <button type='submit' className='todo-button'>Add todo</button>

    </form>

    
    </div>
  )
}

export default TodoForm


'''

Answer 1

你打錯字了。 您調用 preventDefaut，而不是 preventDefault。 在提出問題之前，您應該更仔細地閱讀您的代碼。