React動的フォームの状態処理

Question

私は動的なフォームを持っています。フォームはユーザーの入力に基づいて優先パターンがなくなり、フォームからのすべてのユーザー入力をReact Stateとして取得します。

フォームの送信時に、状態（JSON）をYAMLファイルに変換します。この状態のJSON構造には、複数のデータ構造を持つ深いツリーがあります。この深いツリーの要素を変更すると、フォームが更新されます。しかし、動的フォームが大きくなると、フォームの読み込み時間と反応時間が長くなります。この複雑な状態操作をより迅速に処理する方法はありますか？だからここ

Answer 1

は私がアレイを作成し、何がそれに変更された場合、iは、インデックス付きのサブフォームを特異的に更新し、アレイから各動的サブ追加

を使用するアプローチです。部分的なツリーのみが更新されます。

また、インデックスに基づいて入力名を生成するので、名前を分割することで現在のインデックスを解析できます。 username-10ここで、10はインデックスから得られ、usernameは実際の入力です。また、onChangeではなくonBlurを追加します。