Reactjs 有没有办法访问formik';从父组件提交函数、值和其他道具

Reactjs 有没有办法访问formik';从父组件提交函数、值和其他道具,reactjs,formik,Reactjs,Formik,用例: “我的组件”结构包含一个主组件,它与RMWC抽屉组件一起具有很少的子组件 单击抽屉列表,将呈现特定组件 每个子组件都是表单,我们使用的是formik 以前,每个子组件都有一个保存按钮,单击该按钮将执行保存操作 现在我想点击抽屉菜单,从父菜单调用save 因此,有没有一种方法可以从父组件访问formik的提交函数、值和其他道具。我认为这不是一个好主意,但您可以将forwardRef与UseImpressive Handle一起使用: 使用此技术,子级可以公开父级可以调用的下一个方法: c

用例:

“我的组件”结构包含一个主组件,它与RMWC抽屉组件一起具有很少的子组件

单击抽屉列表,将呈现特定组件

  • 每个子组件都是表单,我们使用的是formik
  • 以前,每个子组件都有一个保存按钮,单击该按钮将执行保存操作
  • 现在我想点击抽屉菜单,从父菜单调用save

  • 因此,有没有一种方法可以从父组件访问formik的提交函数、值和其他道具。

    我认为这不是一个好主意,但您可以将forwardRef与UseImpressive Handle一起使用:

    使用此技术,子级可以公开父级可以调用的下一个方法:

    childRef.current.method()
    

    在另一种情况下,您可以传递一个全局状态(例如使用redux)并将每个组件链接到它

    我认为这不是一个好主意,但您可以将forwardRef与useImperialHandle一起使用:

    使用此技术,子级可以公开父级可以调用的下一个方法:

    childRef.current.method()
    

    或者,您可以传递一个全局状态(例如使用redux)并将每个组件链接到它

    您可以从父级传入一个函数,该函数在调用时使用formik对象设置父级的状态。或者,您可以将formik包装器带到一个层上。您可以尝试使用共享数据,并通过验证程序的中间件将任何内容放入其中,如本例所示-您可以从父级传入一个函数,当调用该函数时,该函数将使用formik对象设置父级的状态。或者,您可以将formik包装层带上一层。您可以尝试使用共享数据,并通过验证程序的中间件将任何内容放入其中,如本例所示-在react文档中,我们不能在功能组件上使用ref。有没有办法在功能组件中使用ref?在react文档中,给出了我们不能在功能组件上使用ref的说明。有没有办法在功能组件中使用ref?