How to integrate the Twitter widget into Reactjs?

前端 未结 9 2369
我在风中等你
我在风中等你 2021-02-18 20:33

I want to add the Twitter widget into React, but I don\'t know where to start or how to do it. I am very new to React JS.

Here is the HTML version of the code:

9条回答
  •  借酒劲吻你
    2021-02-18 21:13

    class TwitterShareButton extends React.Component {
          render() {
            return Tweet
          }
    
          componentDidMount() {
            // scriptタグが埋め込まれた後にTwitterのaタグが置かれても機能が有効にならないので、すでにscriptタグが存在する場合は消す。
            var scriptNode = document.getElementById('twitter-wjs')
            if (scriptNode) {
              scriptNode.parentNode.removeChild(scriptNode)
            }
    
            // ボタン機能の初期化(オフィシャルのボタン生成ページで生成されるものと同じもの)
            !function(d,s,id){
              var js,
                  fjs=d.getElementsByTagName(s)[0],
                  p=/^http:/.test(d.location)?'http':'https';
              if(!d.getElementById(id)){
                js=d.createElement(s);
                js.id=id;
                js.src=p+'://platform.twitter.com/widgets.js';
                fjs.parentNode.insertBefore(js,fjs);
              }
            }(document, 'script', 'twitter-wjs');
          }
    

    http://qiita.com/h_demon/items/95e638666f6bd479b47b

提交回复
热议问题