react中合成事件如何拦截原生事件

Question

我的问题是这样的：

我有一个div，我需要在mouseup的时候，做些处理。但是如果鼠标移出了div，再mouseup时，我监听不到。

我只能监听document的mouseup事件。这样的话，如果我在div的范围内松开鼠标，div的mouseup和document的mouseup，都会响应。

如何实现，在div范围内松开鼠标时，div的mouseup拦截掉document的mouseup。

// 两种方式绑定事件的方式如下

// 原生
document.addEventListener('mouseup', ()=>{});

// 合成
<div onMouseUp={} />

Answer 1

了解下event.stopPropagation()，阻止冒泡