如何在 react/react-native 中获取功能组件的节点处理程序

Question

例如，在 react-native 中，如果在获取类组件的节点处理程序时，可以执行ReactNative.findNodeHandler(this) 。 功能组件没有实例，也没有自己的引用，但是，可以使用forwardRefs和useImperativeHandle使其可引用。 所以，我正在为功能组件寻找与this似的东西。 我尝试使用从forwardRefs获得的引用，但它不起作用 - 它引发以下错误： Error: Argument appears to not be a ReactComponent. Keys: current Error: Argument appears to not be a ReactComponent. Keys: current

以下是我尝试使用它的方式：

 export const NativeComponent = forwardRef(
  (
    { onChange }: PropsType,
    ref: ForwardedRef<BaseRef>
  ) => {
    const makeNativeCommandRequest = (name: string, params: Array<any>) => {
      UIManager.dispatchViewManagerCommand(
        findNodeHandle(ref as unknown as number),
        UIManager.getViewManagerConfig("NativeComponent").Commands[name],
        params
      );
    };
    useImperativeHandle(ref, () => ({
      command1() {
        makeNativeCommandRequest("command2", []);
      },
      command2() {
        makeNativeCommandRequest("command1", []);
      },
    }))});

Answer 1

考虑改用 Class 组件。 功能组件确实有实例