react 在新的tab页面打开链接

2022-09-12  本文已影响0人  ankicoo

触发点击事件打开链接

class Cover extends Component{

    openUrl = ()=>{
        const w=window.open('about:blank');
        w.location.href='https://ankicoo.gitee.io'; 
    }
    render(){
        return(
            <div className = "outer">
                <!--> 新的Tab页 打开链接<-->
                <Button onClick = {this.openUrl}/>
                <a href="#" onClick =  {this.openUrl} >博客</a>
                <!--> 当前Tab页 打开链接<-->
                <a href="https://ankicoo.gitee.io" >博客</a>
            </div>
        )
    }
}
export default Cover;

上一篇下一篇

猜你喜欢

热点阅读