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'