Can't change temporary state of array variable

šŸ’¬ App Building
1

I have a temp state variable with an initial value of [] and I have several queries that change the state. When I start the queries, I try and initialize the variable back to itā€™s starting state of [] with the following state_variable.setValue([]);. Then throughout the various queries I append data like so: state_variable.setValue(state_variable.value.concat([new_value])); which is how the docs/guide say to do it. But what ends up happening is the last value that Iā€™ve been appending keeps getting appended every time I run the queries. And the re-initializing isnā€™t working.

2

Hey @jj-ferman Iā€™m having trouble reproducing the error that you are experiencing. My best guess from what you have described here is that you have some queries chained together that are not behaving in the way that you are expecting them to. Can you share a little bit more about the order of the queries and how they trigger one another?

3

Also, I just created a simple app that works as the docs describe, hereā€™s a link to it:
https://www.dropbox.com/s/iy5a9a5zkrglzvq/temp%20state.json?dl=1
You can import this app into your Retool account to see how it works!

4

@alex yes thanks for getting back. I have one JS query that calls other queries in an ordered fashion.
Hereā€™s an example code snippet of the ā€œControllerā€ query:

5

@alex yes thanks for getting back. I have one JS query that calls other queries in an ordered fashion.
Hereā€™s an example code snippet of the ā€œControllerā€ query:
`let order = [query1, query2, query3];

function runController(i) {

if (i >= order.length) {}

}

runController(0);`

6

@alex yes thanks for getting back. I have one JS query that calls other queries in an ordered fashion.
Hereā€™s an example code snippet of the ā€œControllerā€ query:
let order = [query1, query2, query3]; function runController(i) { if (i >= order.length) { // exit strategy return; } order[i].trigger({ onSuccess: function() { runController(i+1); } }) } runController(0);
In this example, query1 or query2 or query3 might be changing the state of various temp state variables. Iā€™m noticing that initial state of the variable takes precedence and when Iā€™m trying to append or modify a state variable it isnā€™t persistent. A simple example I can think of that you could trying implementing to recreate this is have a progress bar with itā€™s progess counter attached to a state variable and modify that state variable with different queries.

7

Iā€™ve recreated an example here: https://www.dropbox.com/s/64qru8fnfnlna70/temp%20state%20fail.json?dl=0
Run this a few times and notice the behaviorā€¦

8

@alex

9

@alex any update on this?

10

In the code where youā€™re doing the concat, you could console.log(x.value) before and after doing the concat. That may draw a good picture of whatā€™s happening to that data.

11

@hiren Thanks for getting back. Iā€™m not sure if you were able to take a look at the example project that I posted but it clearly shows that thereā€™s an issue with the state variables not getting updated. Iā€™ve done a console.log on the state and it hasnā€™t helped debug this for me.

12

@jj-ferman @druppeā€™s suggestion seems to fix my issues.

13

`var queries = [one, two, three];
var timelinePrivate = []

completed.setValue(0);

function runQuery (i) {
console.log('i = ā€™ + i);
completed.setValue(i);

if (i >= queries.length) {
console.log(ā€˜Finished running all queriesā€™);
return;
}

var q = queries[i];

q.trigger({
onSuccess: function(data) {
console.log('query ā€™ + i + ': ā€™ + JSON.stringify(data));
timelinePrivate.push('got ā€™ + i + ā€™ = ā€™ + JSON.stringify(data));
timeline.setValue(timelinePrivate);
runQuery(i + 1);
}
});
}

runQuery(0);`

14

I also set my progress bar like so {{ (completed.value * 1.0) / (total.value * 1.0) * 100.0 }}

15

This will enable you to get around javascript doing weird things with integers.