当输入在子组件中时如何在反应中处理表单

Question

我有一个关于反应和表单的问题。

我有一个 InfluencerForm，它有 3 个组件，每个组件都有多个输入、选择表单等，并且 InfluencerForm 具有输入和提交。

如何从子组件获取数据以处理父组件中的表单提交？如果重要，我正在使用 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> 

Answer 1

您可以为父组件中的每个子组件创建函数/处理程序，然后将这些函数作为道具传递给子组件。