React Form Hook 的控制器渲染的 TextField 字段值在刷新后不保留

问题描述 投票:0回答:0

我试图在编辑表单页面的刷新中保留表单值,它使用反应表单挂钩,我试图通过其父级作为道具传递表单的值。默认值是通过控制器上的 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 值是否适用或其他方法?

javascript reactjs react-hook-form page-refresh react-forms
© www.soinside.com 2019 - 2024. All rights reserved.