我试图在编辑表单页面的刷新中保留表单值,它使用反应表单挂钩,我试图通过其父级作为道具传递表单的值。默认值是通过控制器上的 prop 设置的。初始加载时一切正常,数据从 api 填充,但在按下重新加载时,textField 为空。尽管 API 调用正确完成并且状态在刷新时也保持不变,它也在 useEffect() 上被跟踪,但在刷新时控制器的值在某处丢失了。
<Controller
name="title"
control={control}
defaultValue={data.title}
rules={{ required : true, validate : value => value.trim () !== '', maxLength : MAX_TITLE_LEN }}
render={({ field }) => (
<>
{console.log('field value = ', {field})}
<TextField
fullWidth
size="medium"
variant="outlined"
value={field.value}
onChange={field.onChange}
inputRef={focusElement} />
</>
)} />
在研发中,许多人建议在状态的某个地方使用 setValue() 和 reset()。我想知道在刷新时保留表单的 TextField 值是否适用或其他方法?