问在用forwardRef定义的子组件中调用函数

EN

                                      App  [4]
                                       |
                     ___________________________________
                    |                                   |
                  Child1   [3]                        Child2  [5]
                    |                                   |
                  Child1a  [2]                function displayProperty()  [6]
                    |
            function onSetProperty()  [1]

我刚刚开始学习React，并尝试不使用Redux状态管理来理解组件之间的内置通信通道。在调用子组件上的函数时，有人能提供一些关于最佳实践的指导吗？

我目前使用useRef和useImperativeMethods的方法是可行的，但我不确定这是否是一个最佳实践，因为docs状态“在大多数情况下都可以/应该避免使用ref的命令式代码”。

这是应该使用带有forwardRef和useImperativeMethods的那种情况吗？

当前的程序流程是：

• 在Child1a组件中设置属性值
• onSetProperty事件是通过Child1a => Child1 =>应用程序出现的。
• App组件包含一个变量'const child2Ref = useRef()‘
• Child2被定义为： const Child2 = forwardRef((props，ref) => { useImperativeMethods(ref，() => ({ displayPropertyOption(value) { console.log(The value is ${value})；} ))；

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