如何理解返回的HTML中script标签携带getInitialProps数据

来源:3-13 nextjs服务端渲染流程深度解析

牛小马

2019-08-01

<script id="__NEXT_DATA__"
    type="application/json">{"dataManager":"[]","props":{"pageProps":{"teams":[{"id":"1","displayName":"space","description":"team 1"},{"id":"2","displayName":"kuuton","description":"team 2"}]}},"page":"/","query":{},"buildId":"development","dynamicBuildId":false}
</script>

听老师说Nextjs在服务端渲染后会把getInitialProps的数据放在这里,如何在执行客户端React渲染时候需要用到这个数据,既然服务端渲染已经返回了HTML,那么客服还需要这个数据做什么,请求老师指点。

写回答

1回答

Jokcy

2019-08-01

因为客户端也要渲染啊,返回的html是死的,只是为了能直接显示出来。后续能够操作的内容都是要前端渲染出来的。

0
1
牛小马
非常感谢!
2019-08-02
共1条回复

全栈进阶课程 React16.8+Next.js+Koa2一步到位开发Github

学习React/Next.js服务端渲染SSR同构设计方案,理解OAuth登录体系的实现原理

651 学习 · 311 问题

查看课程