¿Hay alguien que me puede ayudar con este problema? Estoy tratando de hacer que los enlaces se abran en una pestaña de ventana externa, pero no puedo obtener ese resultado con href .
Aquí está el código: src/utils/menu.js:
const menu = [ { name: 'App', sublinks: [ { name: 'App Store', link: 'someLink' }, { name: 'Play Store', link: 'someLink' }, ] }, { ... }, ] } ] module.exports = menu export default function Menu(props) { return ( <StyledMenu tabIndex={0}> <StyledMenuTitle> <span style={{ marginRight: '0.25rem' }}>{props.data.name} </span> <MenuFlyout> {props.data.sublinks.map((item, index) => { return ( <StyledMenuItem tabindex={index} key={index}> {item.link.split('.').slice(-1)[0] === 'pdf' ? ( <StyledExternalLink href={item.link} target="_blank" rel="noopener noreferrer"> <StyledTitle>{item.name}</StyledTitle> </StyledExternalLink> ) : ( <StyledExternalLink href={item.link}> <StyledTitle>{item.name}</StyledTitle> {item.description && <StyledDescription>{item.description}</StyledDescription>} </StyledExternalLink> )} </StyledMenuItem> ) })} </MenuFlyout> </StyledMenuTitle> </StyledMenu> ) }No veo tu vista, pero parece que en lugar de
<a href={something.link}>{something.name}</a>Deberías usar
<a target="_blank" href={something.link}>{something.name}</a> (agregue target="_blank" a sus enlaces).
Use <StyledExternalLink href={item.link} target="_blank" rel="noopener noreferrer"> en lugar de <StyledExternalLink href={item.link} target="_blank" rel="noopener noreferrer**">"
target="_blank" se usa para abrir enlaces en nuevas pestañas