JSTQL-JS-Transform/output_testing/1038reactive-control-dependency-forin-collection.js

53 lines
No EOL
868 B
JavaScript

function Component(props) {
let x;
for (const key in props.values) {
const i = key |> parseInt(%, 10);
if (i > 10) {
x = 10;
} else {
x = 1;
}
}
// The values assigned to `x` are non-reactive, but the value of `x`
// depends on the "control" variable `i`, whose value is derived from
// `props.values` which is reactive.
// Therefore x should be treated as reactive too.
return [x];
}
export const FIXTURE_ENTRYPOINT = {
fn: Component,
params: [],
sequentialRenders: [{
values: {
"12": true
}
}, {
values: {
"12": true
}
}, {
values: {
"1": true
}
}, {
values: {
"1": true
}
}, {
values: {
"12": true
}
}, {
values: {
"1": true
}
}, {
values: {
"12": true
}
}, {
values: {
"1": true
}
}]
};