Use dynamic variable to get state value React Native

Question

So I have multiple objects in my initial state numbered from EV1-EV15, how can I grab the data in a loop? Something like this:

    for (var i = 0; i < 15; i++) {
        percentage = (0.5 / this.state.EVi.timeToFull) * 100;
        newSOC = Math.round((this.state.EVi.soc + percentage) * 10) / 10;
        if (newSOC >= 100) {
            newSOC =  100;
        }
        array.push(newSOC);
    }

would the names after be inside the ' or outside? like this.state['EV${i}.soc']? — rrain, Mar 08 '19 at 21:07

score 0 · Answer 1 · answered Mar 08 '19 at 21:07

0

this.state.EVi looks specifically for a property called EVi in this.state. Instead, interpolate the index into a string and use that get the appropriate thing from state.

for (var i = 0; i < 15; i++) {
    const currentItem = `EV${i}`;
    percentage = (0.5 / this.state[currentItem].timeToFull) * 100;
    newSOC = Math.round((this.state[currentItem].soc + percentage) * 10) / 10;
    if (newSOC >= 100) {
        newSOC =  100;
    }
    array.push(newSOC);
}

answered Mar 08 '19 at 21:07

larz

5,724
2
11
20

works great, thanks! – rrain Mar 08 '19 at 21:39
@rrain good! Glad I could help. Feel free to make this answer as the correct one if it answered your question. – larz Mar 09 '19 at 02:54

Use dynamic variable to get state value React Native

1 Answers1