ReactJs：TypeScript - 在子组件上保存数据并显示回父组件

Question

ReactJs - 我正在TypeScript上构建一个包含5个字段的应用程序，即：

1. UserName - String
2. 地址 - 字符串
3. D.O.B
4. 爱好 - 字符串
5. 邮政编码 - 字符串

组件 - ＆＃39; UserDetails.tsx＆＃39;由5个输入框组成，我们将在其中输入上述详细信息，然后输入1个提交按钮。

现在有一个＆＃39; ParentComponent.tsx＆＃39;我在上面导入＆＃39; UserDetails＆＃39;。

所以单击“ParentComponent”上的“1”按钮＆＃39;现在出现一个对话框，其中包含5个以上的详细信息，现在我想知道点击提交如何保存以上5个详细信息并将这些数据显示在＆＃39; ParentComponent＆＃39;。

特别想知道如何在一个组件上保存多个数据列表（我猜在数组中），然后将其显示回其父组件。

在ReactJs上构建它 - Typescript。

Answer 1

您可以参考https://reactjs.org/docs/handling-events.html来了解相关信息，并进行相应的更改。

任何有特定答案的人都请发表评论