codeql/javascript/ql/test/query-tests/React/UnusedOrUndefinedStateProperty/undefined.js

class C1 extends React.Component {
    constructor() {
        this.state.writtenDirectly = 42;
        this.setState({
            writtenInSetState: 42
        });
        this.state.writtenInOtherMethod; // OK
        this.state.notWritten; // NOT OK
        this.state.notWrittenButReadInChain; // NOT OK
        this.state.writtenDirectly; // OK
        this.state.writtenInSetState; // OK

    }

    otherMethod() {
        this.state.writtenInOtherMethod = 42;
    }
}

class C2 extends React.Component {
    constructor() {
        function f(s){
            s.writtenWhenEscaped = 42;
        }
        f(this.state);
        this.state.writtenWhenEscaped; // OK
        this.state.notWrittenWhenEscaped; // NOT OK, but ignored to avoid FP above
    }
}


class C3 extends React.Component {
    constructor() {
        this.state.writtenThrougExternalPropertyAccess; // OK
        this.state.notWrittenThrougExternalPropertyAccess; // NOT OK
    }
}

new C3().state.writtenThrougExternalPropertyAccess = 42;

class C4 extends React.Component {
    constructor() {
        function f(){
            return { writtenInUnknownInitializerObject: 42 };
        }
        this.state = f();
        this.state.writtenInUnknownInitializerObject; // OK
        this.state.notWrittenInUnknownInitializerObject; // NOT OK, but ignored to avoid FP above
    }
}

class C5 extends React.Component {
    constructor(x) {
        this.state = x;
        this.state.writtenInUnknownInitializerObject; // OK
        this.state.notWrittenInUnknownInitializerObject; // NOT OK, but ignored to avoid FP above
    }
}
new C5({writtenInUnknownInitializerObject: 42});

React.createClass({
    render: function() {
        this.state.writtenInKnownInitializerObject; // OK
        this.state.notWrittenInKnownInitializerObject; // NOT OK
        return <div/>;
  },
  getInitialState: function() {
      return { writtenInKnownInitializerObject: 42 };
  }
});

React.createClass({
    render: function() {
        function f(){
            return { writtenInUnknownInitializerObject: 42 };
        }
        this.state.writtenInUnknownInitializerObject; // OK
        this.state.notWrittenInUnknownInitializerObject; // NOT OK, but ignored to avoid FP above
        return <div/>;
  },
  getInitialState: function() {
    return f();
  }
});

class C6 extends React.Component {
    constructor(x) {
        Object.assign(this.state, {writtenInObjectAssign: 42});
        this.state.writtenInObjectAssign; // OK
        this.state.notWrittenInObjectAssign; // NOT OK, but ignored to avoid FP above
    }
}

class C6 extends React.Component {
    constructor(x) {
        function f(){
            return { writtenInSetState: 42 };
        }
        this.state.writtenSetState; // OK
        this.state.notWrittenSetState; // NOT OK, but ignored to avoid FP above
        this.setState(f());
    }
}

class C7 extends React.Component {
    constructor(x) {
        function f(){
            return { writtenInSetState: 42 };
        }
        this.state.writtenInSetState; // OK
        this.setState(f);
    }
}

class C8 extends React.Component {
    constructor(x) {
        function f() {
            return g();
        }
        function g() {
            return { writtenInSetState: 42 }
        }
        this.state.writtenInSetState; // OK
        this.state.notInWrittenSetState; // NOT OK, but ignored to avoid FP above
        this.setState(f());
    }
}

class C9 extends React.Component {
    constructor() {
        function f() { return "readThroughUnknownDynamicPropertyAccess"; }
        this.state[f()] = 42;

        this.state.writtenThroughUnknownDynamicPropertyAccess; // OK
        this.state.notWrittenThroughUnknownDynamicPropertyAccess; // NOT OK, but ignored to avoid FP above

    }
}

class C10 extends React.Component {
    constructor() {
        var x = { writtenThroughUnknownSpreadAccess: 42 };
        this.state = { ...x };
        this.state.writtenThroughUnknownSpreadAccess; // OK
        this.state.notWrittenThroughUnknownSpreadAccess// NOT OK, but ignored to avoid FP above
    }
}

React.createClass({
    render: function() {
        this.state.writtenThroughMixin; // OK
        this.state.notWrittenThroughMixin;  // NOT OK, but ignored to avoid FP above
        return <h1>Hello</h1>;
    },

    mixins: [{ f: () => this.state.writtenThroughMixin = 42 }]
});

class C11 extends React.Component {

    static getDerivedStateFromProps(p, s) {
        return { writeIn_getDerivedStateFromProps};
    }

    otherMethod() {
        this.state.writeIn_getDerivedStateFromProps; // OK
    }
}