我该如何处理在React JS中打开窗口的事件?

Sijan Shrestha

我想在单击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)">

但是我对如何处理此事件感到困惑。

任何建议将不胜感激。提前致谢

阿纳斯塔西娅·阿巴库莫娃(Anastasia Abakumova)

您的方法正确!

你需要什么吗?我准备了示例:单击此处

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')
);

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

我该如何处理React JSX中的长className?

如何在 wpf 中关闭并重新打开窗口?

如何使按钮命令在tkinter中打开窗口内的图像?

pytest-qt中的单击按钮后如何检查是否正确打开窗口

打开窗口时如何确定连接失败

终端-如何在特定目录下打开窗口

打开窗口时如何在不使用参数的情况下指定R中绘图的宽度和高度

如何在不打开窗口的情况下添加到Vim搜索历史记录中?

我如何在另一个窗口内打开窗口

如何检测何时打开新窗口和/或获取已打开窗口的列表?

如何从已经打开的另一个窗口打开窗口?

我该如何处理React中componentWillUnmount中的假动画?

如何使用JTable打开窗口并关闭另一个窗口

如果我的给定条件为真,如何打开窗口?

我该如何处理表格绘制事件

打开窗口时,如何在窗口的ItemsControl的第一个元素中聚焦数据模板化的TextBox?(C#,WPF)

试图用JS中的开关打开窗口

当我键入python时,CMD打开窗口存储

当我尝试pygame时,打开窗口会关闭

使用react-router v4的this.props.history.push打开窗口?

我该如何处理pytorch中的多重损失?

我该如何处理Laravel 5.4中的异常?

如何在没有“关闭”按钮的情况下打开窗口?

打开窗口时,如何阻止iTerm2运行xcodebuild并挂起?

如何在 Ubuntu 18.04 上以全屏模式直接打开窗口?

相当于批处理命令“ START”的Powershell使用映射的驱动器打开窗口

如何使键盘快捷方式打开窗口计算器而不是现代计算器?

如何从 Visual Studio 打开窗口中删除较旧的项目条目/列表/历史记录?

如何在我的应用程序中打开窗口并重定向到 Google Play 中的另一个应用程序下载页面