所需的反应 onCLick 不起作用？ 我的页面正在刷新

Question

我有这样的代码，当我单击创建按钮时，我的页面没有刷新，但是当我尝试不提交时，所需的部分不工作.preventDefault() 但没有人帮忙？

createAdmin =(e) =>{
e.preventDefault();
}


 <input type="input" className="form__field" placeholder="Name" name="name" id="name"  required />
 <input type="input" className="form__field" placeholder="Name" name="name" id="name"  required />
 <input type="input" className="form__field" placeholder="Name" name="name" id="name"  required />
<button  onClick={this.createAdmin}>Create</button>

Answer 1

preventDefault() 方法用于阻止按钮的默认操作。 所以基本上，createAdmin function 根本没有做任何事情。

单击按钮肯定不会刷新您的页面。 除非我查看代码的其他部分，否则我不能再说了

Answer 2

我将建议这只是功能性与 class 组件的简单案例，并且与“this”的使用相混淆

如果这是一个功能组件：-

将 const 添加到 function 如下

const createAdmin = (e) => {
e.preventDefault()
}

将按钮调用更改为

<button onClick = {createAdmin}> Create Admin </button>

如果这是 class 组件，而不是功能组件，则语法为

createAdmin(e) {
e.preventDeafult()
}

在第二种情况下，按钮语法是正确的，因为您现在拥有它