Skip to content

Instantly share code, notes, and snippets.

@wwayne

wwayne/gist:6a5d67a8c3e4d9892c88

Last active September 13, 2015 02:31
Download ZIP

Revisions

  1. wwayne revised this gist Sep 13, 2015. 1 changed file with 3 additions and 0 deletions.
    3 changes: 3 additions & 0 deletions gistfile1.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,12 +1,15 @@
    import cssStyle from './style'

    componentWillUnmount () {
    // delete the style when the component unmount
    let tag = document.querySelector('style[id="react-tooltip"]')
    document.getElementsByTagName('head')[0].removeChild(tag)
    }

    render() {
    // to check if the style has been existed
    if (!document.getElementsByTagName('head')[0].querySelector('style[id="react-tooltip"]')) {
    // insert the style into the head
    let tag = document.createElement('style')
    tag.id = 'react-tooltip'
    tag.innerHTML = cssStyle
  2. wwayne renamed this gist Sep 13, 2015. 1 changed file with 0 additions and 0 deletions.
    0 gistfile1.txt → gistfile1.js
    View file
    File renamed without changes.
  3. wwayne created this gist Sep 13, 2015.
    16 changes: 16 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,16 @@
    import cssStyle from './style'

    componentWillUnmount () {
    let tag = document.querySelector('style[id="react-tooltip"]')
    document.getElementsByTagName('head')[0].removeChild(tag)
    }

    render() {
    if (!document.getElementsByTagName('head')[0].querySelector('style[id="react-tooltip"]')) {
    let tag = document.createElement('style')
    tag.id = 'react-tooltip'
    tag.innerHTML = cssStyle
    document.getElementsByTagName('head')[0].appendChild(tag)
    }
    return (...)
    }