Material UI 按钮在移动设备上不起作用

Question

我使用 material-ui 按钮作为指向外部页面的链接。当我单击桌面上的按钮时，它运行良好并打开一个新选项卡，但是当我尝试在我的手机（Android 但我也尝试过 Iphone）上单击它时，没有任何反应。有问题的按钮是第一个类名为“页面”的按钮。

const SwipeButtons = (props) => {
    
    return (
        <div className='swipe-buttons'>
            <Button  className='page' startIcon={<PageviewIcon/>} style={{color: 'rgb(38, 64, 179)'}} href={`${props.url}`} target='_blank'>
                View Profile
            </Button>
   
                
            <Button className='fav' startIcon={<FavoriteIcon/>} style={{color: '#ef32d9'}}>
                    Like
            </Button>
          
        </div>
    )
}