更改页面状态是否会影响Gatsby.js中的静态渲染？

Question

页面组件上的状态更新是否可以使Gatsby动态地呈现该页面，还是保持静态呈现？

对于上下文，我想在页面组件中使用useReducer来处理音频，但我不想通过触发仅客户端渲染来伤害SEO。

Answer 1

您的页面仍将被构建为静态HTML文件，该文件可与SEO很好地配合使用。当请求页面时，React将合并现有的HTML（DOM）并从那里接管。然后，当您更改状态（例如，使用化径钩子）并渲染新标记时，React将为查看页面的用户更新DOM。服务器上的静态HTML文件将保持运行gatsby build时的状态。

从这种意义上讲，盖茨比生成了一个静态渲染的网站，该网站具有客户端上React的全部动态功能。