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

Set a proper displayName for the wrapper dynamic component.

Browse source
This commit is contained in:
Arunoda Susiripala 2017-04-27 09:05:18 -07:00
parent 312cf2356c
commit 93da57e1f6
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
lib/dynamic.js
View file

@ -3,7 +3,7 @@ import React from 'react'
let currentChunks = []
export default function dynamicComponent (promise, options = {}) {
return class Comp extends React.Component {
return class DynamicComponent extends React.Component {
constructor (...args) {
super(...args)
@ -20,6 +20,12 @@ export default function dynamicComponent (promise, options = {}) {
loadComponent () {
promise.then((AsyncComponent) => {
// Set a readable displayName for the wrapper component
const ayncCompName = AsyncComponent.displayName || AsyncComponent.name
if (ayncCompName) {
DynamicComponent.displayName = `DynamicComponent for ${ayncCompName}`
}
if (this.mounted) {
this.setState({ AsyncComponent })
} else {