[fix] 登録されたデータが編集モーダルに反映されるよう修正

[TkymHrt]

対応Issue

resolve #663

概要

Issue内容は、担当者が各局の一番上の人になるバグの解消です。
しかし、教員の所属・教員名・担当者の局の項目でも同様のバグが発生していたため、まとめて修正しました。
修正内容は、各項目の初期値として登録される値を、既に登録されている内容から参照するように変更しました。

画面スクリーンショット等

テスト項目

• FinanSuをローカルで立ち上げ、http://localhost:3000/fund_informations へアクセスできることを確認する。
• 登録項目の編集ボタンを押し、編集モーダルが開くことを確認する。
• 各項目を初期値以外のものに設定し、登録ボタンを押す。（スクショ画像を参考にしてください。）
• 登録できたことを確認して再度、編集ボタンを押し、登録内容が初期化されていないかを確認する。
  (各項目が全て1番目の要素に初期化されていないか。)

備考

24/03/29 更新：モーダルの展開時はpropsの値を表示し、セレクト要素の選択時にUseEffectの再レンダリングで教員名の初期値を設定するようにしました。もっと良い方法あれば教えて下さい。

[hikahana]

動作確認できました。
ちょっと気になったところコメントしてます

[hikahana]

defaultValueなくてもいけるのではないでしょうか

  useEffect(() => {
    const selectedTeacher = props.teachers.find(
      (teacher) => teacher.id === props.fundInformation.teacherID,
    );
    if (selectedTeacher?.id) {
      setDepartmentID(selectedTeacher.departmentID);
      setFormData({ ...formData, teacherID: selectedTeacher.id });
    } else {
      const relatedTeachers = props.teachers.filter(
        (teacher) => teacher.departmentID === departmentID,
      );
      if (relatedTeachers) {
        setFormData({ ...formData, teacherID: relatedTeachers[0].id || 0 });
      }
    }
  }, [departmentID, props.teachers]);

[hikahana]

PS
いけませんでした。忘れてください

[hikahana]

[Kubosaka]

対応ありがとうございます！
少し、コメントしました！
動作おかしいやこっちのがいいなどあれば気軽に言ってください

[Kubosaka]

LGTM