事件处理与传播

理解 React 事件的绑定、冒泡与表单提交时机,用 stopPropagation 拆掉「一次点击触发多项操作」的连锁反应。

React核心约 25 分钟
开始学习
学习目标
  • 用驼峰属性绑定事件,使用 event 对象的 preventDefault 与 stopPropagation
  • 解释冒泡顺序:内层处理器先执行、外层后执行,及其带来的误触发问题
  • 把表单交互统一到 onSubmit + preventDefault,覆盖按钮与回车两种触发
知识点
事件处理事件冒泡stopPropagationonSubmit

内容版本 1.0.0,核验于 2026-10-26

Command Palette

Search for a command to run...