> For the complete documentation index, see [llms.txt](https://onenesss-organization.gitbook.io/jj-xiaoce/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://onenesss-organization.gitbook.io/jj-xiaoce/next.js-kai-fa-zhi-nan/74.-yuan-ma-pian-shou-xie-rsc-xia.md). # 74. 源码篇 ❘ 手写 RSC（下） ### 前言 在[《源码篇 | 手写 RSC（上）》](https://juejin.cn/book/7307859898316881957/section/7309116337833148454)中，我们实现了 React SSR 并添加了路由跳转，最终的效果如下： ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9f9ab7f5b56e4b1a83d1353c3846787f~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=687\\\&h=1018\\\&s=157055\\\&e=gif\\\&f=53\\\&b=626be8) 当我们点击 `hello`链接的时候，页面从 `/`跳转到 `/hello`，两个页面都是 SSR 加载。 但理想情况下，我们想要的效果是，仅更改需要更改的地方，而其他的地方继续保持原本的状态。不过当前的例子中并无所谓“状态”，为了演示状态的保持，我们在 `` 组件中添加一个 `` 标签，修改 `components.ts`下的 `` 组件代码： ```jsx export function Layout({ children }) { const author = "YaYu"; return ( My blog
{children}