react 阻止 checkbox 触发父元素事件

问题：

白色背景的 div 里有一个 input:checkbox，
给 div 加了 onMouseDown 事件，
但在点击 checkbox 的时候，div 依然会响应 onMouseDown 事件

<div onMouseDown={onMouseDownHandler}>
	<input type="checkbox"/>
</div>

解决办法：

给 checkbox 添加想要阻止父元素响应的对应事件（注意必须是对应的事件！！！）

<div onMouseDown={onMouseDownHandler}>
    <input
        type="checkbox"
        onMouseDown={(event) => {
            event.stopPropagation();
            event.nativeEvent.stopImmediatePropagation();
        }}
    />
</div>