返回介绍

HTML 和 React 事件处理有什么区别?

发布于 2024-09-16 12:14:59 字数 483 浏览 0 评论 0 收藏 0

1、在 HTML 中事件名必须小写:

<button onclick='activateLasers()'>

而在 React 中它遵循 camelCase (驼峰) 惯例:

<button onClick={activateLasers}>

2、在 HTML 中你可以返回 false 以阻止默认的行为:

<a href='#' onclick='console.log("The link was clicked."); return false;' />

而在 React 中你必须地明确地调用 preventDefault()

function handleClick(event) {
  event.preventDefault()
  console.log('The link was clicked.')
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文