react如何禁止默认事件

这篇文章主要介绍了react如何禁止默认事件的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇react如何禁止默认事件文章都会有所收获，下面我们一起来看看吧。

react禁止默认事件的方法：1、在html页面中直接通过“return false”阻止默认事件；2、在react中使用“e.preventDefault()”方法禁止默认事件即可。

React:阻止默认事件

在html页面中直接通过return false即可阻止默认事件

<a href="#" onclick="alert('阻止跳转');return false">点击</a>

而在react中需要使用e.preventDefault()

function PreventDe(){
    return (
        <a href="#" onClick={(e)=>{
            console.log("阻止跳转");
            e.preventDefault()
        }}>点击</a>
    )
}
export default PreventDe

事件三要素：事件源，事件，事件处理函数

关于“react如何禁止默认事件”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“react如何禁止默认事件”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注亿速云行业资讯频道。