terribleplan/next.js
1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
Code Issues Releases Wiki Activity

Use ReactDom.hydrate just for initial renderer. (#3012)

Browse source 
For other case just use ReactDom.render
This commit is contained in:
Arunoda Susiripala 2017-09-28 22:36:48 +02:00 committed by GitHub
parent 846f734da3
commit ee68d327fe
1 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
client/index.js
View file

@ -123,9 +123,9 @@ export async function renderError (error) {
if (prod) {
const initProps = { err: error, pathname, query, asPath }
const props = await loadGetInitialProps(ErrorComponent, initProps)
ReactDOM.hydrate(createElement(ErrorComponent, props), errorContainer)
renderReactElement(createElement(ErrorComponent, props), errorContainer)
} else {
ReactDOM.hydrate(createElement(ErrorDebugComponent, { error }), errorContainer)
renderReactElement(createElement(ErrorDebugComponent, { error }), errorContainer)
}
}
@ -151,9 +151,19 @@ async function doRender ({ Component, props, hash, err, emitter }) {
// We need to clear any existing runtime error messages
ReactDOM.unmountComponentAtNode(errorContainer)
ReactDOM.hydrate(createElement(App, appProps), appContainer)
renderReactElement(createElement(App, appProps), appContainer)
if (emitter) {
emitter.emit('after-reactdom-render', { Component, ErrorComponent })
}
}
let isInitialRender = true
function renderReactElement (reactEl, domEl) {
if (isInitialRender) {
ReactDOM.hydrate(reactEl, domEl)
isInitialRender = false
} else {
ReactDOM.render(reactEl, domEl)
}
}