为什么自定义组件不在初始 HTML 中
export 定义的组件,也不包含你从 snippet 中按名称导入的组件,例如 import { MyComponent } from "/snippets/my-component.jsx"。页面加载后,浏览器会在原位置渲染这些组件。
你作为内容导入的 MDX snippet(例如 import MySnippet from "/snippets/my-snippet.mdx")会像页面其余部分一样在服务端渲染。
因此:
- 页面源代码和初始 HTML 不包含该组件的内容。
- 在页面其余部分显示后,访客可能会看到该组件突然出现或导致布局偏移。
- 搜索引擎可能无法完全索引该组件的内容。