logo

该视频仅会员有权观看

立即开通课程「React.js 前端应用开发实践」权限。

¥
199
/ 年

防止表单元素的默认行为(preventDefault )

在React组件中使用表单时,为了将元素控制权交给React,需要阻止表单默认行为。在app form组件中,添加了文本输入(input类型为text,命名为content)和提交按钮(input类型为submit,value设为提交)。提交表单默认打开新页面,显示提交的数据。为了禁用这个默认行为,在表单的onSubmit事件上绑定了自定义的onSubmitForm方法,该方法通过调用事件对象的preventDefault方法来阻止默认行为。因此,当点击提交按钮时,页面地址不会刷新或改变。