React绑定事件有其自身的一套机制：
- 几乎所有的事件代理到
document，达到性能优化的目的 - 对于每种类型的事件，拥有统一的分发函数
dispatchEvent - 事件对象(event)是合成对象(SyntheticEvent)，不是原生的 如以下代码：
<div className="testDom" onClick={this.testDomClick()}><div>
React并不是将click事件直接绑定在dom上面，而是采用事件冒泡的形式冒泡到document上面，然后React将事件封装给正式的函数处理运行和处理。
react内部事件系统实现可以分为两个阶段: 事件注册、事件触发。
react合成事件
如果DOM上绑定了过多的事件处理函数，整个页面响应以及内存占用可能都会受到影响。React为了避免这类DOM事件滥用，同时屏蔽底层不同浏览器之间的事件系统差异，实现了一个中间层——SyntheticEvent。
- 当用户在为onClick添加函数时，React并没有将Click时间绑定在DOM上面。
- 而是在document处监听所有支持的事件，当事件发生并冒泡至document处时，React将事件内容封装交给中间层SyntheticEvent（负责所有事件合成）
- 所以当事件触发的时候，对使用统一的分发函数dispatchEvent将指定函数执行。
合成事件和原生事件的执行顺序是什么？可以混用吗？
1.React的所有事件都通过 document进行统一分发。当真实 Dom触发事件后冒泡到 document后才会对 React事件进行处理。
2.所以原生的事件会先执行，然后执行 React合成事件，最后执行真正在 document上挂载的事件
3.React事件和原生事件最好不要混用。原生事件中如果执行了 stopPropagation方法，则会导致其他 React事件失效。因为所有元素的事件将无法冒泡到 document上，导致所有的 React事件都将无法被触发。
