やったこと

２日間詰まったエラーの対応（React-hook-formの導入）

学びログ

２日間エラーで詰まっていたエラーを解決出来た（教えてもらった）

エラーとしてはuseEffectで呼び出したstateがsubmit処理のときには空になるというものだった。

useEffect(()=>{
  //マウントされた処理
setState(data) //データをstateに格納
},[])

const handleSubmit useCallback(() => {
  state //useEffectで呼び出したstateがsubmit処理することで空になる
},[// ここにstateを入れるとstateが保持される])

やりたかったこと

React-hook-formでボタンをクリックした時に、外部APIから呼び出したdataのnameと一緒にid を抜き出してFireStore に格納する。

React-hook-formのinput の値はstateで管理されていないので、送信処理の中でAPI のnameと入力した値が同じオブジェクトデータを探して（find())処理する方法を考える

しかし、findで探して来たデータが最初はundefind、、、、

しばらくすると保存処理が走る、、

という様にこの処理を実現するのに丸２日かかりました。（トホホ）

詰まったポイント

①問題点の間違い

//関数の中でデータと入力値の紐付け処理
const tax_result = allCompanyTaxes.find((tax) => tax.name === data.tax_name_ja);

この処理でずっとtax_resultをconsole.logで呼び出してたのでずっとundefind、、