我最近开始学习React。我想创建两个组件-Input和Display。输入有一个文本字段和一个按钮。当我键入内容并提交按钮时，应将文本字段的值作为prop传递给Display，并且Display应该输出该值。
如何处理设计？什么是组件层次结构？
如果您提供目前所拥有的，那将更容易回答；否则，我只会编写整个代码，而不是让您学习。
一种方法是实现一个回调函数，该函数在单击“输入”按钮时使用文本字段的值设置“显示”中的状态。 Display应该是通过此功能作为Input道具的显示器。单击带有文本字段值的按钮时，Input调用此功能。
然后，无论处于什么状态，Display的状态都会正确输出。