What's the proper way of binding touchstart on React JS?
Since React v0.14, you don't have to call React.initializeTouchEvents(true);
manually anymore.
http://facebook.github.io/react/blog/2015/10/07/react-v0.14.html#breaking-changes
When playing with touch events I added React.initializeTouchEvents(true)
to the componentWillMount
component lifecycle method and it seemed to work correctly.
var MyHeader = React.createClass({ componentWillMount: function(){ React.initializeTouchEvents(true); }, handleTouchStart: function() { console.log('handleTouchStart'); }, render: function() { return this.transferPropsTo( <header onTouchStart={this.handleTouchStart}>{title}</header> ); }};
Hy, Iraê!
You have to call React.initializeTouchEvents(true) before any rendering. Check react doc here: http://facebook.github.io/react/docs/events.html#touch-events