我目前正在制作一份注册表格,以下是我的代码片段:
const Signup = () => {
const [username, setUsername] = useState('')
const [email, setEmail] = useState('')
const [password, setPassword] = useState('')
const [passwordConfirmation, setPasswordConfirmation] = useState('')
const clearState = () => {
setUsername('')
setEmail('')
setPassword('')
setPasswordConfirmation('')
}
const handleSubmit = signupUser => e => {
e.preventDefault()
signupUser().then(data => {
console.log(data)
clearState() // <-----------
})
}
return <JSX />
}
export default Signup
每个状态都用于表单的受控输入.
基本上,我想做的是在用户成功注册后,我希望状态返回到初始状态,并清除字段.
手动将每一段状态设置回clearState
中的空字符串是非常必要的.我想知道React是否有一个方法或函数可以将状态重置回初始值?