react-app中a标签导致的页面刷新问题

react新手，在开发中使用a标签作为按钮实现点击事件，发现点击a标签页面出现刷新。

尝试几次发现是配置了href=""导致的，将该属性从a标签删除后，不再发生页面刷新情况。

但是a标签的鼠标移入展示手指样式变成了展示“Ⅰ”，将a标签样式设置为cursor:pointer可解决样式问题。

这个问题我在vue和angular开发中均未发现，暂不知晓原因，欢迎告知。