this.state of undefined, obwohl der Standardstatus auf null oder

Question

eingestellt ist. Warum bekomme ich immer noch this.state of undefined error, wenn ein Zustand im Konstruktor einen Standardzustand hat?

constructor() { 
    super() 
    this.state = { 
     data: data, 
     q: null 
    } 
    } 

    filterC(o) { 
    if (this.state.q) { //wtf?? 
     return o['Id'].includes(this.state.q) 
    } 
    return o 
    } 

Demo: https://codesandbox.io/s/v35r8vyqwl

Answer 1

Sie müssen dies die Funktion binden:

constructor(props) { 
    super(props) 
    this.state = { 
     data: data, 
     q: null 
    } 

    this.filterC = this.filterC.bind(this); 
    } 

    filterC(o) { 
    if (this.state.q) { 
     return o['Id'].includes(this.state.q) 
    } 
    return o 
    }