这里我有一个联系人表单，我希望在提交表单后，表单的所有值都应该是空的。

我是在code.but之后写的，这是在提交表单的值保持不变之后不起作用的。

这里的问题是什么以及如何解决它。

代码语言：javascript复制export default function contact() {

const[name,setName]=useState("")

const[phone,setPhone]=useState("")

const[email,setEmail]=useState("")

const[query,setQuery]=useState("")

const [submitted, setSubmitted] = useState(false)

const handleSubmit=(e)=>{

e.preventDefault()

console.log(e);

let data = {

name,

email,

phone,

query

}

console.log(data);

axios.post('http://127.0.0.1:8000/api/create/',data).then((res)=>{

console.log(res);

setSubmitted(true)

setName('')

setPhone('')

setEmail('')

setQuery('')

})

}

return (

<>

)

}