[解決済み] 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')
);
関連
-
[解決済み] Jestの `beforeEach` グローバルは何のためにあるのですか?
-
[解決済み] 非必須項目に対するYupバリデーション
-
[解決済み] React JSXのforEach()でHTMLが出力されない
-
[解決済み] setStateを呼び出さずにReactコンポーネントを強制的に再レンダリングすることは可能ですか?
-
[解決済み] Reactコンポーネントに条件付きで属性を追加するにはどうすればよいですか?
-
[解決済み] クエリ文字列からパラメータ値を取得する方法は?
-
[解決済み] JavaScript / jQuery のイベントバインディングを Firebug などでデバッグするには?
-
[解決済み] Reactでネストした状態のプロパティを更新する方法
-
[解決済み] Reactで親の状態を更新するにはどうしたらいいですか?
-
[解決済み】Twitter Bootstrapでモーダル閉鎖イベントを処理する方法は?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] ReactJsのCreateClassは関数ではない
-
[解決済み] リアクトです。<tr>は<td>の子として表示できません。コメント > td > tr を参照してください。
-
[解決済み] TypeError: reactjs の未定義のプロパティ 'status' を読み取ることができません。
-
[解決済み] Angular 2の*ngForのReactでの同等品
-
[解決済み] Uncaught (in promise) Error: リクエストに失敗、ステータスコード404
-
[解決済み] react.jsで複数のモジュールをエクスポートする
-
[解決済み] validateDOMNesting警告React
-
[解決済み] AxiosにCORSの問題が発生
-
[解決済み] reactのuseStateフックでコールバックを使う方法 [重複]。
-
[解決済み] Reactでグローバル変数を宣言する方法とは?