Reactjs 如何在typescript中构建函数回调？

我正在尝试用typescript做一个回调函数，一个教程解释说我们必须用ref做这个。 我成功地在引用（component home）中使用了scrollIntoView，但当我尝试以相同的方式为回调函数创建ref时，它不起作用

我得到了这个错误：

TypeError: routerRef.current.scrollToSection is not a function

我在没有电流的情况下尝试过，但问题是一样的：

TypeError: routerRef.scrollToSection is not a function

你能帮我吗

我的标题组件：

const头=（）=>{
const routerRef:any=useRef（React.createRef（））；
功能滚动部分（部分：编号）{
routerRef.scrollToSection（部分）；
}
返回(
...
scrollToSection（1）}>{text[language].home}
scrollToSection（2）}>{text[语言].my\u肖像}
scrollToSection（3）}>{text[语言]。联系人}
...
);
}
导出默认标题；

我的路由器组件：

界面道具{
参考：有吗
}
常数路由器=（）=>{
const homeRef:any=useRef（React.createRef（））；
功能滚动部分（部分：编号）{
homeRef.scrollToSection（第节）；
}
返回(
} />
);
}
导出默认路由器；

我的主页组件：

const Home=（）=>{
const sectionRef1:any=useRef（React.createRef（））；
const sectionRef2:any=useRef（React.createRef（））；
常量滚动=（参考：任意）=>{
ref.current.scrollIntoView({
行为：“平滑”，
块：“开始”，
});
};
功能滚动部分（部分：编号）{
如果（节===1）{
卷轴（参考1节）；
}
否则如果（节===2）{
卷轴（参考2节）；
}
否则如果（节===3）{
//TODO:活动按钮
}
}
返回(
);
}
导出默认主页；

为了更清楚，我删除了部分代码

---

我希望你能告诉我出了什么问题，提前谢谢

constScrollToSection=（section:number）=>{routerRef.scrollToSection（section）；}-将其更改为此是否有作用？还有，为什么需要在

useRef

内部设置

React.createRef（）

？即使没有ref，也会创建ref感谢您的帮助，但它不会改变问题：/