overtrue / share.js

一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等
MIT License
3.69k stars 807 forks source link

react.js里面怎么使用啊 #124

Open Funny-dot opened 5 years ago

Funny-dot commented 5 years ago

import 导入不了...

dingcaiying commented 5 years ago

我们是这样实现的(老早以前的做法,现在用了SSR后貌似也没问题):

componentDidMount() {
    this.initiateShare();
}

initiateShare() {
    require.ensure([], (require) => {
      const Sharing = require('../../../utils/social-share.min.js').default; // 文件导出function,接受两参数,如下call。
      [...document.querySelectorAll('.social-share, .share-component')].forEach(v => { v.initialized = false; }); // eslint-disable-line
      Sharing(window, document);
    });
  }

render() {
    return (
         ....
        <div className="social social-share" data-initialized="true" data-wechat-qrcode-title="" data-url={url} data-title={title}>
                  <a className="share-icon icon-linkedin">LinkedIn</a>
                  <div className="share-icon icon-wechat">WeChat</div>
                  <a className="share-icon icon-weibo">Weibo</a>
                </div>
    );
}
fengjinqi commented 4 years ago

我弄了一个react-share的,用的这个集成的,在我的git上面,感谢作者