反应链接打开新标签

Question

我的材料表中有一个 React 链接。

  actions={[
         rowData => ({
               icon: () => <Link   style={{ fontSize:"15px" ,fontSize:'15px'}} to={{pathname:'/VV',state: rowData  }} >View</Link> ,
               onClick: (rowData)
             })
           ]} 

我希望能够在点击时打开一个新标签。

但是当我决定在新选项卡中打开它时，我的子对象不断收到无法读取未定义的属性

请给我一些帮助，我一直被困在这个问题上。

Answer 1

有一种简单的方法可以在没有 React-Router 库的情况下做到这一点，

制作一个像 blow 一样的 Link 组件并使用它。

const Link = () => {
    const linkRef = useRef(null)
    const handleClick = () => {
         linkRef.current.link.click()
    }
    return (
       <div ref={linkRef} onClick={handleClick}> 
          <a href="http://google.com" target="_blank">Go to google!</a>
       </div>
    )
}

你可以把你想要的链接放在 href 中，然后在你想要的地方渲染 Link 组件：你也可以给它一个你想要的样式，因为它是一个组件！ :D

希望你能找到答案！