初次加载的时候没问题，可是重复挂载分享组件分享功能无效

#1

大致的代码是这样的


import React, { PropTypes } from 'react'

class Share extends React.Component {
  componentDidMount() {
    const theScript = document.createElement('script')
    theScript.src = "http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)"

    document.body.appendChild(theScript)
  }

  render () {
    return(
      <div className="share">
        <div>分享</div>
        <div className='bdsharebuttonbox' id="social-share">
          <div className="box">
            <a href="#" className="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
          </div>
          <div className="box">
            <a href="#" className="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
          </div>
          <div className="box">
            <a href="#" className="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a>
          </div>
          <div className="box">
            <a href="#" className="bds_twi" data-cmd="twi" title="分享到Twitter">
            </a>
          </div>
          <div className="box">
            <a href="#" className="bds_mail" data-cmd="mail" title="分享到邮件分享"></a>
          </div>
          <div className="box">
            <a href="#" className="bds_evernotecn" data-cmd="evernotecn" title="分享到印象笔记"></a>
          </div>
        </div>
      </div>
    )
  }
}

export default Share



class App extends React.Component{
  constructor(){
    super()
    this.state={
      show:false
    }
  }
  handleClick(){
    this.setState({
      show:!this.state.show
    })
  }
  render(){<img src="/uploads/default/original/2X/b/bbb4654c44bee2521a8720e29abc2daa7d0e1ba2.png" width="552" height="400">
    return(
      <div>

        <Share />
        <button onClick={this.handleClick.bind(this)}>aa</button>
        {this.state.show ? <Share /> : null}
      </div>
    )
  }
}

export default App;