Skip to content

Commit 1da8b58

Browse files
committed
Fix handleClick compiler intro example
1 parent ff11cd2 commit 1da8b58

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

src/content/learn/react-compiler/introduction.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ const ExpensiveComponent = memo(function ExpensiveComponent({ data, onClick }) {
4343
return (
4444
<div>
4545
{processedData.map(item => (
46-
<Item key={item.id} onClick={() => handleClick(item)} />
46+
<Item key={item.id} onClick={handleClick} />
4747
))}
4848
</div>
4949
);
@@ -65,14 +65,14 @@ function ExpensiveComponent({ data, onClick }) {
6565
return (
6666
<div>
6767
{processedData.map(item => (
68-
<Item key={item.id} onClick={() => handleClick(item)} />
68+
<Item key={item.id} onClick={handleClick(item)} />
6969
))}
7070
</div>
7171
);
7272
}
7373
```
7474

75-
_[See this example in the React Compiler Playground](https://playground.react.dev/#N4Igzg9grgTgxgUxALhAMygOzgFwJYSYAEAogB4AOCmYeAbggMIQC2Fh1OAFMEQCYBDHAIA0RQowA2eOAGsiAXwCURYAB1iROITA4iFGBERgwCPgBEhAogF4iCStVoMACoeO1MAcy6DhSgG4NDSItHT0ACwFMPkkmaTlbIi48HAQWFRsAPlUQ0PFMKRlZFLSWADo8PkC8hSDMPJgEHFhiLjzQgB4+eiyO-OADIwQTM0thcpYBClL02xz2zXz8zoBJMqJZBABPG2BU9Mq+BQKiuT2uTJyomLizkoOMk4B6PqX8pSUFfs7nnro3qEapgFCAFEA)_
75+
_[See this example in the React Compiler Playground](https://playground.react.dev/#N4Igzg9grgTgxgUxALhAMygOzgFwJYSYAEAogB4AOCmYeAbggMIQC2Fh1OAFMEQCYBDHAIA0RQowA2eOAGsiAXwCURYAB1iROITA4iFGBERgwCPgBEhAogF4iCStVoMACoeO1MAcy6DhSgG4NDSItHT0ACwFMPkkmaTlbIi48HAQWFRsAPlUQ0PFMKRlZFLSWADo8PkC8hSDMPJgEHFhiLjzQgB4+eiyO-OADIwQTM0thcpYBClL02xz2zXz8zoBJMqJZBABPG2BU9Mq+BQKiuT2omLiz2ROAej6l-KUlBX7Ou566R9CazAUQCIQNpMGg8F4UCAQAogA)_
7676

7777
React Compiler automatically applies the equivalent optimizations, ensuring your app only re-renders when necessary.
7878

0 commit comments

Comments
 (0)