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