React事件系统之touch

之前写在react上写dom事件大部分都是PC端，基本是click事件，没遇到过什么问题。这次要写一个移动端的项目，需要用到touch事件，对这块不熟悉，趁机学习一边react官网的事件相关的内容。特此记录

react提供了一个合成的事件对象SyntheticEvent，他保证了在不同浏览器下事件对象的统一。下面是官方提供的合成事件对象所具有的的属性：

boolean bubbles
boolean cancelable
DOMEventTarget currentTarget
boolean defaultPrevented
number eventPhase
boolean isTrusted
DOMEvent nativeEvent
void preventDefault()
boolean isDefaultPrevented()
void stopPropagation()
boolean isPropagationStopped()
DOMEventTarget target
number timeStamp
string type

里边的nativeEvent是浏览器自身提供的事件对象，我使用touch事件想要获取到接触点的相关信息就从这里边取得。

因为react事件的名称与原生不太相同，用时可以在文档查找。

https://reactjs.org/docs/events.html