React 阻止默认事件和阻止冒泡

  1. 给 a 标签添加一个事件
    阻止默认事件
    e.preventDefault();
class view extends Component {
	onAtag(e) {
		// 阻止默认事件 放置跳转
		e.preventDefault();
		console.log("烦烦烦滚滚");
	}
	render() {
		return (
			<div>
				<a
					href='true'
					onClick={(e) => {
						this.onAtag(e);
					}}></a>
			</div>
		);
	}
}
  1. 阻止冒泡
    e.stopPropagation();
class view extends Component {
	onDiv() {
		console.log("div");
	}
	onDivAtag(e) {
		e.preventDefault();
		// 阻止事件冒泡
		e.stopPropagation();
		console.log("div_aaaaaa");
	}
	render() {
		return (
			<div>
				<div
					onClick={() => {
						this.onDiv();
					}}>
					<a
						href='true'
						onClick={(e) => {
							this.onDivAtag(e);
						}}></a>
				</div>
			</div>
		);
	}
}

你可能感兴趣的:(js,javascript,react,vue)