我正在尝试为负责注册用户的React组件SignupForm.js设置一个错误处理程序，特别是，我重点实现的处理程序涉及到处理已在使用的用户电子邮件示例。
下面是我的POST请求：

await axios
            .post("http://localhost:8000/signup", {
                name,
                email,
                password,
                tokenValue,
            })
            .catch((error) => {
                console.log("ERROR --> ", error);
                //this.displayError(error);
                this.setState(
                    {
                        err: true,
                        errcode: error.response.data.errcode,
                        errtext: error.response.data.errText,
                    },
                    () => {
                        console.log("setstate done");
                    }
                );
            })
            .then((res) => {
                if (res !== undefined) {
                    console.log(res.data);
                }
            });

下图显示了Chrome开发工具的输出：

正如您所看到的，console.log("Error --> ", error);确实在启动，但是this.setState()似乎没有启动，有一些迹象表明这一点。
1.使用React DevTools插件观察到的SignupForm状态保持不变。
1.我在render()函数的最顶端包含了一个print语句，如下所示：

render() {
        console.log(this.state);
        return (
            <div className="form-container">
                <form
                    name="sign-up"
                    method="post"
                    className="form-sign-up"

尽管有setState()调用应该触发重新呈现的概念，但是在捕捉到错误之后，组件状态从未被打印到控制台。

1. console.log("setstate done");永远不会触发，因为DevTools控制台中也缺少输出。

我尝试过的事情

1.我尝试将setState()调用封装到错误处理函数displayError(e)中，如下所示：

displayError = (e) => {
        this.setState(() => ({
            err: true,
            errcode: e.response.data.errcode,
            errtext: e.response.data.errText,
        }));
    };

这似乎没有任何效果，我还尝试在组件构造函数中调用this.displayError = this.displayError.bind(this);之后调用displayError(e)，同样没有效果。
在这一点上，我真的不知道还能尝试什么。