如何使用setState从函数设置值？

Question

我在设置状态值和从函数返回的值时遇到问题。不知何故，状态仅将自身绑定到函数本身。 我该如何解决？

这是我的构造函数：

    this.state = {
        text: getText
    }

这里是检索

的函数

getText= () => {
    $.get('/webapi/gettext, function (data) {
        return data;
    }.bind(this));
};

但是如果我在构造函数中有它，这是可行的。

constructor{
        $.get('/webapi/gettext, function (data) {
                        this.setState({ text: data });
        }.bind(this));
}

Answer 1

您需要使用componentDidMount钩子：

componentDidMount() {
  $.get('/webapi/gettext, (data) => {
    this.setState({ text: data });
  });
}

有关更多帮助，请参阅我的another post。