66 lines
1.4 KiB
Markdown
66 lines
1.4 KiB
Markdown
|
|
||
|
|
## Input
|
||
|
|
|
||
|
|
```javascript
|
||
|
|
import {CONST_NUMBER0, CONST_NUMBER1, Stringify} from 'shared-runtime';
|
||
|
|
|
||
|
|
function useHook({cond}) {
|
||
|
|
'use memo';
|
||
|
|
const getX = () => x;
|
||
|
|
|
||
|
|
let x = CONST_NUMBER0;
|
||
|
|
if (cond) {
|
||
|
|
x += CONST_NUMBER1;
|
||
|
|
x = Math.min(x, 100);
|
||
|
|
}
|
||
|
|
return <Stringify getX={getX} shouldInvokeFns={true} />;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const FIXTURE_ENTRYPOINT = {
|
||
|
|
fn: useHook,
|
||
|
|
params: [{cond: true}],
|
||
|
|
sequentialRenders: [{cond: true}, {cond: true}, {cond: false}],
|
||
|
|
};
|
||
|
|
|
||
|
|
```
|
||
|
|
|
||
|
|
## Code
|
||
|
|
|
||
|
|
```javascript
|
||
|
|
import { c as _c } from "react/compiler-runtime";
|
||
|
|
import { CONST_NUMBER0, CONST_NUMBER1, Stringify } from "shared-runtime";
|
||
|
|
|
||
|
|
function useHook(t0) {
|
||
|
|
"use memo";
|
||
|
|
const $ = _c(2);
|
||
|
|
const { cond } = t0;
|
||
|
|
let t1;
|
||
|
|
if ($[0] !== cond) {
|
||
|
|
const getX = () => x;
|
||
|
|
let x = CONST_NUMBER0;
|
||
|
|
if (cond) {
|
||
|
|
x = x + CONST_NUMBER1;
|
||
|
|
x;
|
||
|
|
x = Math.min(x, 100);
|
||
|
|
}
|
||
|
|
t1 = <Stringify getX={getX} shouldInvokeFns={true} />;
|
||
|
|
$[0] = cond;
|
||
|
|
$[1] = t1;
|
||
|
|
} else {
|
||
|
|
t1 = $[1];
|
||
|
|
}
|
||
|
|
return t1;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const FIXTURE_ENTRYPOINT = {
|
||
|
|
fn: useHook,
|
||
|
|
params: [{ cond: true }],
|
||
|
|
sequentialRenders: [{ cond: true }, { cond: true }, { cond: false }],
|
||
|
|
};
|
||
|
|
|
||
|
|
```
|
||
|
|
|
||
|
|
### Eval output
|
||
|
|
(kind: ok) <div>{"getX":{"kind":"Function","result":1},"shouldInvokeFns":true}</div>
|
||
|
|
<div>{"getX":{"kind":"Function","result":1},"shouldInvokeFns":true}</div>
|
||
|
|
<div>{"getX":{"kind":"Function","result":0},"shouldInvokeFns":true}</div>
|