在React + ES6中重置初始状态

  • Z时代
  • 2024-01-10
  • 分类：问答

我在ElementBuilder下面有一个类，当用户保存Element他们已经建立的类时，我希望状态重置为下面的值。

我在这个班的状态的一些功能，我还没有提供，但这种变化title，size和color。

在ES 5中，getInitialState我的类上会有一个函数，并且可以调用this.getInitialState()一个函数。

这个元素存在于我的应用程序中，用于已登录用户的生命周期，并且我希望默认值始终相同，无论过去的使用情况如何。

如何在不编写设置默认值对象的函数的情况下实现此目的（或者可能就是答案）？谢谢！

class ElementBuilder extends Component {
    constructor(props) {
        super(props);
        this.state = {
            title: 'Testing,
            size: 100,
            color: '#4d96ce',
        };
    }
    resetBuilder() {
        this.setState({ this.getInitialState() });
    }
}

回答：

您可以使用getter函数：

class ElementBuilder extends Component {
  constructor(props) {
    super(props);
    this.state = this.initialState;
  }
  get initialState() {
    return {
      title: 'Testing',
      size: 100,
      color: '#4d96ce',
    };
  }
  resetBuilder() {
    this.setState(this.initialState);
  }
}

或只是一个变量：

constructor(props) {
  super(props);
  this.initialState = {
    title: 'Testing',
    size: 100,
    color: '#4d96ce',
  };
  this.state = this.initialState;
}

以上是 在React + ES6中重置初始状态 的全部内容， 来源链接： utcz.com/qa/409394.html

回到顶部