Quelle est la bonne façon de relier Touchstart sur React JS?

Je suis en train d'apprendre à Réagir JS et que, désormais, je ne trouve aucun exemple sur le code source, les tests ou sur le site officiel docs. Sur les docs de la touchStart événement est dit pour être pris en charge, mais handleTouchStart ne fonctionne pas.

Le seul endroit ou j'ai trouvé et l'exemple qui fonctionne réellement était sur réagir-touch projet.

Le code suivant fonctionne, mais est-ce le seul moyen de liaison? Il ressemble à un bas prix solution de contournement pour moi.

var MyHeader = React.createClass({
  handleTouchStart: function() {
    console.log('handleTouchStart');
  },
  render: function() {
    return this.transferPropsTo(
        <header onTouchStart={this.handleTouchStart}>{title}</header>
    );
  }
};

Ce qui est effectivement la bonne façon de le faire?

source d'informationauteur Irae Carvalho

  1. 17

    Depuis Réagir v0.14, vous n'avez pas à appeler React.initializeTouchEvents(true); manuellement plus.

    http://facebook.github.io/react/blog/2015/10/07/react-v0.14.html#breaking-changes

  2. 6

    Lors de la lecture avec les événements tactiles, j'ai ajouté React.initializeTouchEvents(true) à la componentWillMount composante du cycle de vie des méthode et ça semblait fonctionner correctement.

    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>
    );
  }
};
  3. 2

    Hy, Iraê!

    Vous devez appeler à Réagir.initializeTouchEvents(true) avant le rendu. Vérifier réagir doc ici: http://facebook.github.io/react/docs/events.html#touch-events

    Vous pouvez également trouver plusieurs tutoriels à propos de réagir ici: http://www.webdesignporto.com/react-js-with-backbone-router-and-local-storage/