Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs React-使用forwardRef转发道具_Reactjs_Typescript_React Forwardref - Fatal编程技术网

Reactjs React-使用forwardRef转发道具

Reactjs React-使用forwardRef转发道具,reactjs,typescript,react-forwardref,Reactjs,Typescript,React Forwardref,我想定义一个LinkButton组件,它的行为类似于链接,外观类似于按钮 我的基本实现抱怨我需要使用React.forwardRef,但是我不确定如何正确地做到这一点,尤其是使用prop-forwarding 即使我只是将道具输入为any,系统仍会投诉道具无效 我想知道如何在这种情况下正确使用forwardRef 我的尝试如下所示: 从“React”导入React 从“./styles”导入样式 从“@material ui/core”导入{Button,with styles} 从“react

我想定义一个
LinkButton
组件,它的行为类似于链接,外观类似于按钮

我的基本实现抱怨我需要使用React.forwardRef,但是我不确定如何正确地做到这一点,尤其是使用prop-forwarding

即使我只是将道具输入为
any
,系统仍会投诉道具无效

我想知道如何在这种情况下正确使用forwardRef

我的尝试如下所示:

从“React”导入React
从“./styles”导入样式
从“@material ui/core”导入{Button,with styles}
从“react router dom”导入{Link}
接口IProps{
课程:任何
致:字符串
儿童:字符串
}
const NextLink=({to,…rest}:any)=>
const LinkButton=React.forwardRef((道具:any,ref:any)=>{

const{classes,children,…rest}=props/通过在forwardRef中包装
NextLink
,我也能够解决这个问题

const NextLink=React.forwardRef(({to,…rest}:any,ref:any)=>(
))
NextLink.displayName='NextLink'