ReactJs：TypeScript：子コンポーネントにデータを保存して親コンポーネントに表示する

ReactJs-私は5つのフィールドを保持するTypeScriptでアプリケーションを構築しています：

1. UserName-文字列
2. 住所-文字列
3. D.O.B
4. 趣味-文字列
5. 郵便番号-文字列

コンポーネント-「UserDetails.tsx」は、5つの入力ボックスで構成され、上記の詳細を入力してから、1つの送信ボタンを入力します。

「UserDetails」の上にインポートしている「ParentComponent.tsx」が1つあります。

したがって、「ParentComponent」の1つのボタンをクリックすると、ダイアログボックスが5つ以上の詳細を保持して表示されるようになりました。

1つのコンポーネントに複数のデータ（配列に推測）のリストを保存し、それを親コンポーネントに表示する方法を知りたがっている。

ReactJs-Typescriptでビルドします。