如何在React中使事件停止传播

时间:2017-03-10 06:21:04

标签: reactjs javascript-events

首先,我确实查看了所有相关答案,但没有解决我的问题。我有以下内容:

class TweetingBox extends React.Component{
    render(){
        return (
            <div id="page-blackout" onClick={this.props.closeTweetingInterface}>
                <div id="tweeting-box" onClick={(proxy) => {proxy.stopPropogation()}}>
                    <h5 id="tweeting-box-header">Compose new Tweet</h5>
                    <TweetingInterface initialContent={this.props.initialContent}/>
                </div>
            </div>
        )
    }
}

div,id =&#34; page-blackout&#34;覆盖整个页面和div,ID =&#34; tweeting-box&#34;以页面为中心,包含组件TweetingInterface中的表单。当我单击任何地方,无论是在表单还是在tweeting-box本身,都会调用this.props.closeTweetingInterface。我怎么能阻止这个?

1 个答案:

答案 0 :(得分:0)

所有兄弟元素都将获得其父元素属性,因此每次调用父元素或兄弟元素时,父函数都会被称为closeTweetingInterface。