Javascript 请在我的ReactJs表单中查找问题，它不工作

我正在reactjs中处理向导表单，表单工作正常，但有时当我单击“下一步”按钮时，数据没有进入控制台，当我单击“上一步”按钮并再次提交数据时，数据没有进入控制台，但在第一次尝试时，数据没有进入控制台，它给我空消息，请检查并帮助我。谢谢

表格代码

我使用了来自（Ant design）的表格

从“React”导入React；
从“样式化组件”导入样式化；
导入“antd/dist/antd.css”；
导入“/FirstStep.css”；
从“antd”导入{Form，Input}；
const FormItem=表单项；
const FormCard=styled.div`
最大宽度：100%；
溢出：隐藏；
过渡：所有0.3立方贝塞尔（0.41,0.094,0.54,0.07）0；
边缘顶部：30px；
`;
类RegisterStepOne扩展了React.Component{
handleSubmit=e=>{
e、 预防默认值（）；
this.props.form.validateFields（（错误，值）=>{
如果（！err）{
log（'接收到的值的形式：'，values.toString（））；
}
});
};
render（）{
const{getFieldDecorator}=this.props；
返回(
{getFieldDecorator（'firstName'{
规则：[
{
要求：正确，
消息：“请输入您的名字！”，
空白：对，
},
],
})()}
{getFieldDecorator（'lastName'{
规则：[
{
要求：正确，
消息：“请输入您的姓氏！”，
空白：对，
},
],
})()}
{getFieldDecorator（'电子邮件'{
规则：[
{
键入：“电子邮件”，
消息：“输入不是有效的电子邮件！”，
},
{
要求：正确，
消息：“请输入您的电子邮件！”，
},
],
})()}
{getFieldDecorator（'lastPosition'{
规则：[
{
要求：正确，
消息：“请输入您最后的职位！”，
空白：对，
},
],
})()}
{getFieldDecorator（'lastCompany'{
规则：[
{
要求：正确，
消息：“请输入您最后的公司！”，
空白：对，
},
],
})()}
);
}
}
导出默认注册表步骤一；

查看上面的评论，您似乎在调用

this.setState

后立即将

this.state

记录到控制台。调用

this.setState

后，无法立即可靠地检查

this.state

的值

this.setState

是异步的，您将获得旧状态值。如果要在状态更新完成后记录该值，则this.setState的第二个参数接受在状态更新完成时运行的回调函数。例如：

this.setState({ user: { ...values } }, () => console.log(this.state.user));

---

您可以在setState上的官方React文档中阅读有关此行为的更多信息。

您也可以为按钮组件添加代码吗？这里我显示输入值`handleSubmit=e=>{e.preventDefault（）；this.props.form.validateFieldsAndScroll（（err，values）=>{if（！err）{this.setState（{user:{…values}）；console.info（this.state.user）`

this.setState({ user: { ...values } }, () => console.log(this.state.user));