Cache generated dynamicTagName

lttb · lttb · commit 775dcbdc668e · 2017-04-24T11:40:17.000+03:00
diff --git a/src/styled.js b/src/styled.js
@@ -34,7 +34,9 @@ const styled = ({tagName, elementStyle, mountSheets}: StyledArgs) => {
 
     constructor(props: StyledElementPropsType) {
       super(props)
-      this.dynamicTagName = generateTagName(tagName)
+      if (!this.dynamicTagName) {
+        this.dynamicTagName = generateTagName(tagName)
+      }
     }
 
     componentWillMount() {
@@ -61,10 +63,6 @@ const styled = ({tagName, elementStyle, mountSheets}: StyledArgs) => {
       }
     }
 
-    componentWillUnmount() {
-      this.dynamicSheet.deleteRule(this.dynamicTagName)
-    }
-
     render() {
       if (!this.staticSheet) return null
 

Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,9 @@ const styled = ({tagName, elementStyle, mountSheets}: StyledArgs) => {`
`34`	`34`
`35`	`35`	`constructor(props: StyledElementPropsType) {`
`36`	`36`	`super(props)`
`37`		`- this.dynamicTagName = generateTagName(tagName)`
	`37`	`+ if (!this.dynamicTagName) {`
	`38`	`+ this.dynamicTagName = generateTagName(tagName)`
	`39`	`+ }`
`38`	`40`	`}`
`39`	`41`
`40`	`42`	`componentWillMount() {`
`@@ -61,10 +63,6 @@ const styled = ({tagName, elementStyle, mountSheets}: StyledArgs) => {`
`61`	`63`	`}`
`62`	`64`	`}`
`63`	`65`
`64`		`- componentWillUnmount() {`
`65`		`- this.dynamicSheet.deleteRule(this.dynamicTagName)`
`66`		`- }`
`67`		`-`
`68`	`66`	`render() {`
`69`	`67`	`if (!this.staticSheet) return null`
`70`	`68`