1. ホーム
  2. reactjs

[解決済み] react jsでウィンドウを開くイベントを処理するにはどうすればよいですか?

2022-02-12 16:48:05

質問内容

fshareをクリックした後にウィンドウを開きたいのですが、どうすればいいですか?

私の render() は次のようになります。

<Modal.Footer>
    <img src="/static/img/fshare.png" onClick={this.fbShare} />
    <Button onClick={this.hide}>Close</Button>
</Modal.Footer>

関数を作成しています

fbShare: function(event) {

},

そして、基本的にFacebookで共有するための新しいウィンドウを開く、次のコードを関数内に追加したいと思います。

window.open('https://www.facebook.com/dialog/feed?app_id=xxxxxxxxe='sharer', 'toolbar=0,status=0,width=548,height=325');" target="_parent" href="javascript: void(0)">

しかし、このイベントをどのように処理すればよいのか、混乱しています。

どのように解決するのですか?

あなたは正しい道を歩んでいます

必要なものですか?例を用意しました。 クリック こちら

var Example = React.createClass({
    fbShare: function() {
        window.open('http://www.facebook.com/sharer.php?s=100&p[title]=Fb Share&p[summary]=Facebook share popup&p[url]=javascript:fbShare("http://jsfiddle.net/stichoza/EYxTJ/")&p[images][0]="http://goo.gl/dS52U"', 'sharer', 'toolbar=0,status=0,width=548,height=325');
    },

    render: function() {
        return (<div>
            <img src="http://pasadenainstitute.com/fb-shareTransp122x42.png" onClick={this.fbShare} />
        </div>);
    }
});

ReactDOM.render(
    <Example />,
    document.getElementById('container')
);