获取ReactJS中无效钩子调用的错误

我正在写一张联系表，昨晚完成了前端。我得到一个错误，说钩子调用无效。钩子只能在函数组件的主体内部调用。这可能是由于以下原因之一：

React和渲染器的版本可能不匹配（例如React DOM）

你可能违反了钩子的规则

同一应用程序中可能有多个React副本

我对反应还是有点陌生，所以我已经看了很多教程，但在这一点上我相当困惑。我还应该补充一点，我正在CodeSandbox中构建，当沙盒加载时，一切看起来都很好。直到我添加了几个依赖项，才触发该错误。以下是整个组件：

从“React”导入React；
导入“bootstrap/dist/css/bootstrap.min.css”；
从“/Footer”导入页脚；
从“react bootstrap”导入{Container}；
从“axios”导入axios；
类EmailMessage扩展了React.Component{
建造师（道具）{
超级（道具）；
此.state={
姓名：“，
电邮：“，
信息：“
};
}
handleSubmit（e）{
e、 预防默认值（）；
axios({
方法：“张贴”，
url:“http://localhost:3002/send",
数据：本州
})。然后（（响应）=>{
如果（response.data.status==“success”）{
警报（“已发送消息”）；
这是resetForm（）；
}else if（response.data.status==“fail”）{
警报（“消息发送失败”）；
}
});
}
重置表单（）{
this.setState（{name:，email:，message:}）；
}
render（）{
返回(
联系我们

你有机会了解我们，现在让我们了解你和
你的愿景。。。

名称
电子邮件地址
消息
提交
);
}
onNameChange（事件）{
this.setState（{name:event.target.value}）；
}
onEmailChange（事件）{
this.setState（{email:event.target.value}）；
}
onMessageChange（事件）{
this.setState（{message:event.target.value}）；
}
}
导出默认邮件您确定是组件生成错误吗？我肯定没有看到任何勾引电话。我现在正在看它，但它似乎运行良好。我觉得CodeSandbox有时会有问题。你能发布你的页脚组件的代码吗？完成了，如果你需要查看的话，我也可以添加index.js文件。我得到的错误是指向使用ReactDOM.render（）时出现的问题。奇怪的是，我没有看到任何React钩子调用，因此不确定此错误来自何处。可能是react引导容器组件，但这值得怀疑。。。仔细检查所有组件，查看是否有任何您可能错过的React钩子调用（例如，
React.useEffect（）
，
React.useState（）
等）