如何处理事件以在 React js 中打开窗口? [英] How can I handle an event to open a window in react js?

问题描述

我想在点击fshare后打开一个窗口:

我的render()返回是这样的

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

我正在创建一个函数

fbShare:函数(事件){},

我想在基本上打开一个新窗口以在 Facebook 中共享的函数中添加以下代码:

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

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

解决方案

你是对的！

这是你需要的东西吗?我准备了这个例子:点击这里

var Example = React.createClass({fbShare:函数(){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,宽度=548，高度=325');},渲染:函数(){返回 (
;<img src="http://pasadenainstitute.com/fb-shareTransp122x42.png" onClick={this.fbShare}/></div>);}});ReactDOM.render(<例子/>,document.getElementById('容器'));

I want to open a window after clicking the fshare:

My render() return is like this

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

I am creating a function

fbShare: function(event) {

},

And I want to add the following code inside the function that basically opens a new window to share in 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)">

But I am confused with how to handle this event.

解决方案

You are on the right way!

Is it something you need? I prepared the example: click here

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

这篇关于如何处理事件以在 React js 中打开窗口?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！