React+MUI+React Hook Formでタグ入力フォームの作り方 - Qiita

概要 大変だったのでシェア。 やりたかったかことは、タグ入力で使うフォーム。 オートコンプリート＋テキスト入力＋チップで構成してある。 React Hook Form的には外部ライブラリを使う場合はregisterではなく、controllerを使いましょう。ということだったのだが、デフォルト値のセットがどうやってやるのかよくわからなかったし、なぜかサブミットに値が入らなかった。 コード的には以下でできたよ。 もっといいのあったら教えてー コード const [hogehoge, setHogehoge] = useState([]); const { control, handleSubmit, setValue, reset } = useForm({ mode: "onChange", defaultValues, }); const defaultValues = useMemo(