React中防止事件冒泡：e.stopPropagation()

当父子组件相互嵌套时，我们点击子组件时，子组件的点击事件会触发，但由于子组件被包含在父组件中，父组件的点击事件也会触发。为了防止事件冒泡，需要在子组件的点击事件中，写上e.stopPropagation()，就可以防止事件冒泡了。

代码解释：

export default App{
	handleClick1=(e) => {
		// TODO
	}
	handleClick2=(e) => {
		// TODO
		e.stopPropagation();// 防止事件冒泡。如果不写着一句，则在点击里面的Button时，两个点击事件都会触发。
	}
	render(){
		return (
			<Button onClick={this.handleClick1}>
				11111
				<Button onClick={this.handleClick2}>222</Button>
			</Button>
		);
	}
}