Question

我试图在函数内部设置React中的状态，但是我收到一条错误消息，指出：无法读取未定义的属性'setState'。

下面是我的代码，我在构造函数中调用状态，然后在addTimes函数中设置状态并将其绑定到该函数，但是仍然出现错误。

class Settings extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      times: []
    };

  }
  render(){
    Array.prototype.remove = function() {
        var what, a = arguments, L = a.length, ax;
        while (L && this.length) {
            what = a[--L];
            while ((ax = this.indexOf(what)) !== -1) {
                this.splice(ax, 1);
            }
        }
        return this;
    };

    var currentTicked = [];
    var times =[]
    function addTimes(id){
      var index = times.indexOf(id);
      if (!times.includes(id)) {
        $("input:checkbox[name=time]:checked").each(function(){
          currentTicked.push($(this).val());
          times = times.concat(currentTicked)
          times = jQuery.unique(times);
        });
      } else if(times.includes(id)){
        times.remove(id)
      }
      console.log(times);
      addTimes = () => {
        this.setState({
          times: times
        });
      }
    }

Answer 1

尝试使用箭头功能：

addTimes = id => {
      var index = times.indexOf(id);
      if (!times.includes(id)) {
        $("input:checkbox[name=time]:checked").each(function(){
          currentTicked.push($(this).val());
          times = times.concat(currentTicked)
          times = jQuery.unique(times);
        });
      } else if(times.includes(id)){
        times.remove(id)
      }
      console.log(times);
      addTimes = () => {
        this.setState({
          times: times
        });
      }
    }

或者将this绑定到addTimes函数中，如下所示：

constructor(props) {
    super(props);
    this.state = {
      times: []
      this.addTimes = this.addTimes.bind(this);
    };

  }

Answer 2

更好地使用es6语法。尝试下面的代码。

{{1}}

Answer 3

您尚未将函数绑定到类。尝试做

addTimes = (id) => {
  // code here
}

在组件类中

无法读取未定义ReactJS的属性'setState'

3 个答案: