コードが json ファイルにデータを追加しないのはなぜですか?

Question

登録ページを作成しているのですが、なぜ機能しないのかわかりません。

編集: userObject を削除するためにコードを更新しました。実際にデータを json ファイルに投稿するためのコードをまだ取得できません。

新しいコード:

リーリー

古いコード:

リーリー

formData を console.log に記録すると、データを受信して​​いますが、userObject を console.log に記録しようとすると、未定義として返されます。何時間もグーグル検索し、ここで同様の問題の解決策を確認し、さまざまなアプローチを試してきましたが、jsonファイルに保存できないようです。新鮮な目で何か助けが得られることを願っています。ありがとう！

Answer 1

＃＃＃これは正常です。申し訳ありませんが、

console.log 関数が適切なタイミングで呼び出されませんでした。

コードは次のようになります:

import { useState } from "反応"; const サインアップ = () => { const [formData, setFormData] = useState({ Eメール： ""、 パスワード: ""、 パスワードを認証する： ""、 }); const handleInputChange = (イベント) => { setFormData({ ...フォームデータ、 [イベント.ターゲット名]: イベント.ターゲット.値, }); }; console.log(フォームデータ) const handleSubmit = (イベント) => { イベント.preventDefault(); const userObject = { 電子メール: formData.email、 パスワード: formData.password、 }; console.log(ユーザーオブジェクト); fetch("http://localhost:8000/users", { メソッド: "POST"、 ヘッダー: { "コンテンツタイプ": "アプリケーション/json", }、 本体: JSON.stringify(userObject)、 }).then(() => { window.location.href = "/プロファイル"; }); }; 戻る （

      ＃＃＃サインアップ＃＃＃
      

        

          ＃＃＃Eメール：＃＃＃
          
        

        

          ＃＃＃パスワード：＃＃＃
          
        
        
          ＃＃＃パスワードを認証する：＃＃＃
          
        

        ＃＃＃サインアップ＃＃＃
      
    
  );
};

デフォルトのサインアップをエクスポートします。

 浪費家が言うように: