我正在使用反應掛鉤形式。我從有關受控和不受控的文檔中閱讀。受控<form onSubmit={handleSubmit(onSubmit)}> <input name="firstName" ref={register({ required: true })} /> <input name="lastName" ref={register} /> <input type="reset" /> // standard reset button <input type="button" onClick={reset} /> <input type="button" onClick={() => reset({ firstName: "bill" }); }} /> // reset form with values <input type="button" onClick={() => { reset({ firstName: "bill" }, { errors: true, // errors will not be reset dirtyFields: true, // dirtyFields will not be reset isDirty: true, // dirty will not be reset isSubmitted: false, touched: false, isValid: false, submitCount: false, }); }} /></form>這是不受控制的形式<form onSubmit={handleSubmit(onSubmit)}> <Controller as={TextField} name="firstName" control={control} rules={ required: true } defaultValue="" /> <Controller as={TextField} name="lastName" control={control} defaultValue="" /> <input type="submit" /> <input type="button" onClick={reset} /> <input type="button" onClick={() => { reset({ firstName: "bill", lastName: "luo" }); }} /></form>有人可以告訴它有什么區別嗎?通過制造受控組件而不是不受控制的組件,我可以獲得什么?
react-hooks-form 中的受控組件和非受控組件之間的主要區別是什么?
米琪卡哇伊
2022-12-22 12:55:47