Les fonctions fléchées peuvent-elles être utilisées comme méthodes de classe dans ES6, et comment ?

Utilisation des fonctions fléchées comme méthodes de classe dans ES6

Introduction :
Dans ES6, les classes et les fonctions fléchées offrent des fonctionnalités puissantes pour une écriture plus propre et un code plus expressif. Cet article explore la syntaxe et l'utilisation des fonctions fléchées en tant que méthodes de classe, en abordant l'erreur courante lors de la tentative de leur utilisation.

Utiliser les fonctions fléchées comme méthodes de classe
Pour lier définitivement une flèche fonction à une instance de classe, affectez-la simplement à une propriété dans la définition de classe en utilisant la syntaxe suivante :

class SomeClass extends React.Component {
  handleInputChange = (val) => {
    console.log('selectionMade: ', val);
  }
}

Cependant, il est important de noter que cette syntaxe nécessite l'activation de fonctionnalités expérimentales dans Babel, en particulier le plugin transform-class-properties.

Exemple d'utilisation
Une fois les fonctionnalités expérimentales activées, vous pouvez utiliser la méthode handleInputChange comme fonction de rappel , et il sera limité à la classe instance :

setTimeout(SomeClass.handleInputChange, 1000);

// Output: 'selectionMade: ', val);

Conclusion :
L'utilisation de fonctions fléchées comme méthodes de classe offre un moyen concis et efficace de lier des méthodes à une instance d'objet. En activant des fonctionnalités expérimentales dans Babel, vous pouvez exploiter cette syntaxe puissante dans vos applications React.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!