reactjs React表单-表单提交后无法将值设置为null

bvhaajcl 于 2023-08-04 发布在 React

关注(0)|答案(3)|浏览(140)

this is the form component that was not resettin or custom changing after submitting the form [这是项目列表组件（https：//i.stack.imgur.com/nIuLB.png）][这是提交项目后的表单输出（https：//i.stack.imgur.com/OChL5.png）]我似乎真的不明白为什么setformdata适用于onchange事件而不适用于onsubmit事件

3条答案

useState是asynchronous。获得所需效果的一种解决方法是使用useEffect钩子并将变量添加到依赖项数组中

useEffect(()=>{

//some code here

},[formData])

字符串

您应该设置名为“product”的输入值：

<input name='product' value={formData.product} ...//rest attributes />

字符串
还有

<input name='quality' value={formData.quality} ...//rest attributes />

型

在输入字段中，需要设置formData的值

<input 
type="text"
placeholder = "prduct name"
value= {formData.product}
onChange={handleChange}
/>

字符串