Javascript 在子组件中定义方法以使用ref hook-React本机功能组件

我有两个功能组件，比如说

Parent

和

Child

。然后我在

Child

组件中有一个方法

doThis（）

来调用一些功能，比如子组件中的状态更新

Child

组件位于父组件内部，我需要使用

useRef（）

钩子并调用

doThis（）

函数将其用作引用

实现是这样的

//组件父级
函数父函数（）{
const child=useRef（）
if（当前子项）{
child.current.doThis（）
}
返回（）
}

函数子（{ref}）{
//不知道如何定义
函数doThis（）{
//做一些工作
}
返回（）
}

我在react原生文档中看到了一个名为方法的部分。例如：

scrollToIndex（）

在

FlatList中

那么，如何使用功能组件定义这些方法呢？

此类组件的示例：

import { TextInput as TextInputNative } from "react-native";
import React from "react";

const TextInput = React.forwardRef(
  ({ ...props }, ref) => (
    <TextInputNative
      ref={ref}
      {...props}
    />
  )
);

export default TextInput;

从“react native”导入{TextInput as TextInputNative}；
从“React”导入React；
const TextInput=React.forwardRef(
（{…props}，ref）=>(
)
);
导出默认文本输入；

下面是我在后面的代码中如何使用我的组件：

<TextInput
  ref={inputRef}
/>



要创建一个ref，我使用
useRef（null）