Reactjs 当输入位于子组件中时，如何在react中处理表单

我有一个关于反应和形式的问题

我有一个影响者表单，它有3个组件，每个组件有多个输入，选择表单等，影响者表单有输入和提交

如何从子组件获取数据以处理父组件中的表单提交？如果重要的话，我会用materialui库

在您可以理解的示例代码中，BasicInfo需要处理大约10个输入

        <Header />
          <form>
            <BasicInfo className={classes.basicInfo} />
            <Bio className={classes.bio}  />
            <div className={classes.actions}>
              <Button
                type="submit"
                color="primary"
                variant="contained"
              >
            Adicionar
              </Button>
            </div>
          </form>
      </Container> 

阿迪西奥纳
< /代码> 您可以为您的父组件中的每个子组件创建函数/处理程序，然后将这些函数作为子项传递给孩子。
但是，父组件负责了解孩子的每一个元素，我正在寻找更干净的方法。您可以考虑使用上下文API来管理表单的状态。它有点干净，但需要一些设置。您必须将数据从子级传递到父级，因此需要将一些处理程序作为子属性传递。或者为了更干净，可以使用状态管理和redux等技术。