配列オブジェクトの場合にonChangeイベントで状態を更新する方法

Question

私には何らかのステータスがあります:

リーリー

TextField を使用して、入力フィールドの名前と値に基づいてその状態を更新しようとしています:

リーリー

これが奇妙な状況であることはわかっていますが、入力フィールドは事前に決定された値ではないため、動的にレンダリングする必要があり、作業が困難になります。

次の onChange 関数を試しましたが、機能しませんでした:

リーリー

誤って大量の配列を作成してしまい、次のエラーが発生しました (キーと値だけを返す方法がわかりません):

ああああ

Answer 1

問題は、handleChange関数で二重矢印関数を使用していることだと思います。これは、イベントが発生したときに、内部関数が実際には実行されないことを意味します。余分な矢は取り除く必要があります。

もう 1 つの問題は、map 関数から配列の配列を返していることですが、これは状態タイプと互換性がありません。配列の配列をオブジェクトの配列に変換するには、Object.fromEntries を使用する必要があります。例えば：＃＃＃ リーリー