首先,我确实查看了所有相关答案,但没有解决我的问题。我有以下内容:
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。我怎么能阻止这个?
答案 0 :(得分:0)
所有兄弟元素都将获得其父元素属性,因此每次调用父元素或兄弟元素时,父函数都会被称为closeTweetingInterface。