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

时间:2018-05-25 14:44:51

标签: node.js reactjs typescript

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

  1. UserName - String
  2. 地址 - 字符串
  3. D.O.B
  4. 爱好 - 字符串
  5. 邮政编码 - 字符串
  6. 组件 - ' UserDetails.tsx'由5个输入框组成,我们将在其中输入上述详细信息,然后输入1个提交按钮。

    现在有一个' ParentComponent.tsx'我在上面导入' UserDetails'。

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

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

    在ReactJs上构建它 - Typescript。

1 个答案:

答案 0 :(得分:0)

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

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