Reactjs 如何在typescript中使用带forwardRef的withRouter?

Reactjs 如何在typescript中使用带forwardRef的withRouter?,reactjs,typescript,react-router,ref,Reactjs,Typescript,React Router,Ref,withRouter不允许我将ref传递给组件,所以我正在尝试创建一个HOC,让我可以这样做。我试着按照stackoverflow的一些答案来回答,这就是我现在的答案- export const with RouterForwardRef=(ComponentComponent:ComponentClass)=>{ 类型ComponentInstance=InstanceType; 类型WrapperComponentProps=ComponentProps&{ forwardedRef:Re

withRouter不允许我将ref传递给组件,所以我正在尝试创建一个HOC,让我可以这样做。我试着按照stackoverflow的一些答案来回答,这就是我现在的答案-

export const with RouterForwardRef=(ComponentComponent:ComponentClass)=>{
类型ComponentInstance=InstanceType;
类型WrapperComponentProps=ComponentProps&{
forwardedRef:Ref;
};
const WithRouter=WithRouter({forwardedRef,…props})=>(
));
返回forwardRef((道具,参考)=>(
));
};我相信您可以使用属性将ref传递给底层组件:

export const with RouterForwardRef=(ComponentComponent:ComponentClass)=>{
类型ComponentInstance=InstanceType;
类型WrapperComponentProps=ComponentProps&{
forwardedRef:Ref;
};
const WithRouter=WithRouter(组件);
返回forwardRef((道具,参考)=>(
));
};