Javascript ReactJs：提交后刷新页面

我试图使用ReactJS，但遇到了以下问题：

我有一个带有一个字段的简单for。当我单击submit按钮时，页面会完成代码，但会立即重新加载（我没有时间阅读控制台）

const初始状态={
团队名称：“”，
错误：null，
};
类SearchingForm扩展组件{
建造师（道具）{
超级（道具）；
this.state={
…初始状态，
结果：[]
};
}
onSubmit=事件=>{
const{teamName}=this.state；
this.search（this.state.teamName）
event.preventedfaul（）；
}
搜索（团队名称）{
日志（“团队名称：”，团队名称）
}
onChange=事件=>{
this.setState（{[event.target.name]：event.target.value}）；
console.log（this.state）
};
render（）{
常数{
团队名称，
错误
}=本州；
const isInvalid=teamName==''；
返回(
搜索
);
}
}

为什么我会有这种行为

---

谢谢。

这里有一个拼写错误，而不是

事件。preventedfaul（）应该是
event.preventDefault（）
。
而且它曾经在你的方法的第一行。
你的代码中有一个输入错误

event.preventDefaul(); 

而不是

event.preventDefault();

它应该是onSubmit函数的第一行。
首先，您必须调用
事件.preventDefault（）
函数的第一行中的code>。
其次，他们的错误是preventDefault
请在给定代码下使用：

onSubmit = event => {
        event.preventDefaul();
        const { teamName } = this.state;
        this.searching(this.state.teamName);
    }

尝试在submit函数末尾使用return语句。
onSubmit = event => {
        event.preventDefaul();
        const { teamName } = this.state;
        this.searching(this.state.teamName);
    }