如何从方法中更改JavaScript对象的状态？

Question

我的JavaScript对象的状态声明如下：

state = {isFiltered: false}

我有一个方法changeState（），它基本上执行以下操作：

this.setState({isFiltered: true});

然而，这将给我一个错误，即“setState”不是一个函数。如何从方法中更改此标志？

编辑：我不知道如何正确绑定。SOF一允许我就接受解决方案

Answer 1

错误是由于不同的上下文造成的。

上下文是将“这个”与特定范围联系起来的概念。

为了解决上述问题，您需要使用bind（）绑定ChangeState（）函数。

这将允许Change eState使用类的上下文，您可以在其中访问setState方法。

Answer 2

您是否将您的Change eState函数与this绑定？

constructor(props) {
    super(props);
    this.state = {isFiltered: true};

    // This binding is necessary to make `this` work in the callback
    this.changeState = this.changeState.bind(this);
    ...

Answer 3

你似乎没有this的边界上下文：

一个快速修复方法是在构造函数内部绑定这个。

this.changeState = this.changeState.bind(this)

如果你想深潜，你可以跟随我的另一篇文章。