Reactを使用してフォームの値を配列に格納する

Question

フォームから画面上にマッピングしている配列に値をプッシュするときに問題が発生します。

リーリー

下の送信ボタンをクリックした後にエントリが追加され、画面に表示されるように、ForumTopic を状態に保存します。

リーリー

これは私のコードとフォームです。コードの目的は、フォーム内の各ラベルの値をプッシュして、topic 配列に新しいオブジェクトを作成することです。各タグの id が各オブジェクトの名前 (タイトル、作成者、日付など) と一致するように、すべてを新しいオブジェクトに保存したいのですが、何らかの理由で未定義のエラーが発生します。

Answer 1

問題は addTopic 関数にあります:

e.target.value は常に未定義です

データにアクセスするには、これを行う必要があります:

リーリー

Answer 2

簡単な方法はこれを行うことです。

取得している値を取得するには、入力の onChange を使用する必要があります。

サンプルリンク: https://stackblitz.com/edit/react-8r9f8l?file=src/App.js

リーリー