反应相似的组件设计

时间:2019-03-21 05:50:14

标签: javascript reactjs

假设我要创建一系列页面,这些页面的正文部分仅不同,并且它们的页眉和页脚相似。身体是各种各样的形式。页脚是一些按钮,例如保存和取消按钮。 我当时正在考虑创建包含页眉和页脚的通用页面,并注入不同的正文,例如以下(伪代码):

"Hello, my name is Jane, from "IStaff" company.\r\n\r\n.We are interested in your service.\r\n\r\n.Please call me back "

我的问题是,如果正文和页脚是分开的,则单击“保存”按钮时,页面如何知道正文字段中需要保存的信息?(该页面的正文中没有信息,或者页面知道它需要在身体中了解什么信息)通过将身体提取为单独的组件,是否是解决此类问题的正确方法/模式?

1 个答案:

答案 0 :(得分:1)

您可以让父项将一个函数传递给位于按钮onClick()中的页脚。然后,您还将该函数传递给正文,并使该表单保存相关信息。

该按钮无需知道其保存的内容,只需单击该按钮即可。