天天看点

React-记录-form提交的bug

记录-form提交的bug

先展示最后的jsx代码:

action:表示的是我们表单数据提交的地址,

如果给在form标签内部的input都添加相应的name属性的话,最后点击登录触发onSubmit函数的时候,默认会跳到http://www.atguigu.com 路径下,但是我们给input标签添加了name属性之后,会自动的把我们在input中输入的东西自动作为路径的query传递过去,也就是以http://www.atguigu.com?name="gogocj"&password="123456" 的形式跳转了

但是如果不想要默认的跳转的话,就可以进行如下的操作

核心就是 event.preventDefault() 阻止默认的表单提交时间