reactjs - react typescript : useRef to Link

Question

如何将 useRef 与链接一起使用

import {Link} from 'react-router-dom';
const myLink = useRef<Link>(null);
...
myLink.current.click()
...

<Link to={{pathname: '/terms'}} id='myLink' ref={myLink} />

我得到的错误是 Property 'click' does not exist on type 'Link<any>'.ts(2339)

我目前正在使用下面的，但我想移动到 useRef

    const myLink = document.getElementById('myLink');
    if (myLink) myLink.click();

Answer 1

正如 typescript 错误所说，Link组件不能像anchor一样简单的点击。有两个建议的解决方案。

1. 将链接更改为 <a href="...">并使用 HTMLAnchorElement输入 useRef .

2. 或者如果您想继续使用 Link来自 react-router-dom 的组件, 您可以访问 props的链接组件。

if (myLink.current) {
    window.location.assign(myLink.current.props.to.toString()); // redirect to the to prop on Link component
}