Reactフックフォーム：Reactフックフォームバージョン7.0のonchangeを使用できますか

Question

以前に私はこのように書きました：

<input className="form-control" name="productImage" type='file' onChange={handleImageUpload} ref={register({ required: true })} />

更新後、私はこのように書かなければなりません：

<input className="form-control" type="file" {...register('productImage', { required: true })} />

Reactフックフォームの更新版のonChange={handleImageUpload}を使用する方法これがマイグレーションです docs

質問をする方法で私の間違いを赦してください。私はこれらのことに新しいです。ありがとう。

Answer 1

私にとって、装飾ソリューションは働きました

const fieldRegister = register("productImage", {required: true})
const origOnChange = fieldRegister.onChange
fieldRegister.onChange = (e) => {
    const res = origOnChange(e)
    const value = e.target.value
    // do something with value
    return res
}

 _

フィールド宣言の使用

<input {...fieldRegister}/>
 _