46 lines
846 B
Markdown
46 lines
846 B
Markdown
|
|
||
|
|
## Input
|
||
|
|
|
||
|
|
```javascript
|
||
|
|
function Component(props) {
|
||
|
|
const x = makeOptionalFunction(props);
|
||
|
|
// for a regular call, the JSX element could be independently memoized
|
||
|
|
// since it is an immutable value. however, because the call is optional,
|
||
|
|
// we can't extract out independent memoization for the element w/o
|
||
|
|
// forcing that argument to evaluate unconditionally
|
||
|
|
const y = x?.(
|
||
|
|
<div>
|
||
|
|
<span>{props.text}</span>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
return y;
|
||
|
|
}
|
||
|
|
|
||
|
|
```
|
||
|
|
|
||
|
|
## Code
|
||
|
|
|
||
|
|
```javascript
|
||
|
|
import { c as _c } from "react/compiler-runtime";
|
||
|
|
function Component(props) {
|
||
|
|
const $ = _c(2);
|
||
|
|
let t0;
|
||
|
|
if ($[0] !== props) {
|
||
|
|
const x = makeOptionalFunction(props);
|
||
|
|
t0 = x?.(
|
||
|
|
<div>
|
||
|
|
<span>{props.text}</span>
|
||
|
|
</div>,
|
||
|
|
);
|
||
|
|
$[0] = props;
|
||
|
|
$[1] = t0;
|
||
|
|
} else {
|
||
|
|
t0 = $[1];
|
||
|
|
}
|
||
|
|
const y = t0;
|
||
|
|
|
||
|
|
return y;
|
||
|
|
}
|
||
|
|
|
||
|
|
```
|
||
|
|
|