react.js - react报错 this.setState is not a function，在AJAX成功之后想要改STATE的值

问题描述

问 题

代码如下

$.ajax({
    type: "post",
    url: "/permission/usermanage/login.action",
    dataType:'JSON',
    data: JSON.stringify(formData),
    success: function (data) {
    if(data.msg="操作失败"){
        this.setState({
            mention:"您输入的用户名或密码有误"
        })

     }
},

解决方案

js作用域的问题。在success里，this指向的是jquery对象，而不是react组件。
方法是，在ajax之前先将react组件存储一下，然后再调用。代码如下：

const _this = this;
$.ajax({
    type: "post",
    url: "/permission/usermanage/login.action",
    dataType:'JSON',
    data: JSON.stringify(formData),
    success: function (data) {
    if(data.msg="操作失败"){
        _this.setState({
            mention:"您输入的用户名或密码有误"
        })

     }
});

这篇关于react.js - react报错 this.setState is not a function，在AJAX成功之后想要改STATE的值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！