react怎么禁止默认事件

作者: 晓李姬
来源: 51数据库
2022-12-23

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

本教程操作环境：Windows10系统、react18版、Dell G3电脑。

react怎么禁止默认事件？

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

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

推荐阅读

热点文章