Tengo un enlace React en mi tabla de materiales.
actions={[ rowData => ({ icon: () => <Link style={{ fontSize:"15px" ,fontSize:'15px'}} to={{pathname:'/VV',state: rowData }} >View</Link> , onClick: (rowData) }) ]}Quiero poder abrir una nueva pestaña en el clic.
Pero mis objetos secundarios siguen recibiendo No se pueden leer las propiedades de indefinido cuando decido abrirlo en una nueva pestaña
Por favor, ¿puedo tener alguna ayuda? Me he quedado atascado en este problema.
Hay una manera simple de hacerlo sin la biblioteca React-Router,
Haga un componente de enlace como golpe y utilícelo.
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> ) }¡Puede poner el enlace que desee en href y representar el componente Enlace donde desee! ¡también puedes darle el estilo que quieras porque es un componente! :D
¡Espero que encuentres una respuesta!