有没有一种方法可以从父组件访问formik的Submit函数，值和其他道具

Question

用例：

我的组件结构包含一个主要组件，该组件具有几个子组件以及RMWC抽屉组件。

单击抽屉列表，将呈现特定的组件。

1. 每个子组件都是表单，我们正在使用formik。
2. 以前，每个子组件都有一个保存按钮，单击该按钮将执行保存操作。
3. 现在，我想在单击抽屉菜单时从父级调用保存。

因此，有没有一种方法可以从父组件访问formik的Submit函数，值和其他道具。

Answer 1

我认为这样做不是一个好主意，但是您可以将forwardRef与useImperativeHandle一起使用：

https://reactjs.org/docs/hooks-reference.html#useimperativehandle

通过这种技术，孩子可以公开一些父级可以在下一个调用的方法：

childRef.current.method()

或者，您可以传递全局状态（例如，通过redux）并将每个组件链接到它