Can't find state inside Object.keys

Question

render() {
    console.log(this.state.myStateValue); // I see this on the console
    var test = configOptions ? 
    Object.keys(configOptions).map(function(key) {
        console.log('test'); // I see this on the console
        console.log(this.state.myStateValue);  // Getting Uncaught TypeError: Cannot read property 'state' of undefined
    }
    return() {...}
}

What am I doing wrong?

Thanks!

score 2 · Accepted Answer · edited May 31 '17 at 18:23

2

Try this:

Object.keys(configOptions).map(function(key) {
    console.log('test'); 
    console.log(this.state.myStateValue); 
}.bind(this))

or better, if you have ES6:

Object.keys(configOptions).map((key) => {
    console.log('test');
    console.log(this.state.myStateValue); 
})

edited May 31 '17 at 18:23

Mayank Shukla

92,299
16
152
142

answered May 31 '17 at 18:11

pscl

3,128
23
28

2

I just copied the OP's snippet. Presumably he just wants to test the visibility of `this.state` and will do more inside the loop at a later point. – pscl May 31 '17 at 18:20
@user1628461 That worked!! Thank you!! I think I need to learn more about this – Testaccount May 31 '17 at 18:30
@user1628461 oh yes you're right, my mistake. – noahnu May 31 '17 at 18:47

Can't find state inside Object.keys

1 Answers1

Linked