File tree Expand file tree Collapse file tree 1 file changed +1
-1
lines changed
src/content/learn/react-compiler Expand file tree Collapse file tree 1 file changed +1
-1
lines changed Original file line number Diff line number Diff line change @@ -123,7 +123,7 @@ function FriendList({ friends }) {
123123```
124124[ __ 在 React 编译器游乐场中查看此示例__ ] ( https://playground.react.dev/#N4Igzg9grgTgxgUxALhAMygOzgFwJYSYAEAYjHgpgCYAyeYOAFMEWuZVWEQL4CURwADrEicQgyKEANnkwIAwtEw4iAXiJQwCMhWoB5TDLmKsTXgG5hRInjRFGbXZwB0UygHMcACzWr1ABn4hEWsYBBxYYgAeADkIHQ4uAHoAPksRbisiMIiYYkYs6yiqPAA3FMLrIiiwAAcAQ0wU4GlZBSUcbklDNqikusaKkKrgR0TnAFt62sYHdmp+VRT7SqrqhOo6Bnl6mCoiAGsEAE9VUfmqZzwqLrHqM7ubolTVol5eTOGigFkEMDB6u4EAAhKA4HCEZ5DNZ9ErlLIWYTcEDcIA )
125125
126- React 编译器会自动应用与手动记忆化等效的优化,确保随着状态的变化,应用中只有相关的部分会重新渲染,这有时被称为“细粒度响应式”。在上面的示例中,React 编译器确定即使 ` friends ` 发生变化,` <FriendListCard /> ` 的返回值也可以被重用,并且可以避免重新创建此 JSX,同时避免在 onlineCount 变化时重新渲染 ` <MessageButton> ` 。
126+ React 编译器会自动应用与手动记忆化等效的优化,确保随着状态的变化,应用中只有相关的部分会重新渲染,这有时被称为“细粒度响应式”。在上面的示例中,React 编译器确定即使 ` friends ` 发生变化,` <FriendListCard /> ` 的返回值也可以被重用,并且可以避免重新创建此 JSX,同时避免在 count 变化时重新渲染 ` <MessageButton> ` 。
127127
128128#### 昂贵的计算也会被记忆化 {/* expensive-calculations-also-get-memoized* /}
129129
You can’t perform that action at this time.
0 commit comments