React.js

Le plug-in tawk.to pour React.js simplifie l'intégration et facilite la personnalisation du comportement des widgets dans votre application à l'aide de React Hooks.
Toutes nos méthodes API sont disponibles pour le plugin. Consultez la liste dans notre référence API.
Implémentation de React.js
1. Utilisez l'une des commandes ci-dessous pour installer la dépendance à l'aide du nœud ou du gestionnaire de packages de fil.

2. Importez tawk-messenger-react dans le fichier App.js de votre dossier src/. Ensuite, attribuez les valeurs pour votre widgetId et propertyId.

Lors de l'utilisation de l'API, vous devrez utiliser useRef pour accéder aux fonctions de l'objet à partir du composant tawk-messenger-react.

Connectez-vous à votre compte et allez dans ⚙️Administration ➞ Canaux ➞ Widget de discussion.

Trouvez vos identifiants de widget et de propriété

Pour trouver vos identifiants de widget et de propriété, connectez-vous au tableau de bord tawk.to. Dirigez-vous ensuite vers ⚙️Administration ➞ Canaux ➞ Widget de discussion.

Si vous avez plusieurs propriétés, vérifiez que vous visualisez la bonne. Survolez le nom de la propriété actuelle dans le menu supérieur du tableau de bord pour afficher toutes vos propriétés et en sélectionner une nouvelle.

Ensuite, si votre propriété possède plusieurs widgets, sélectionnez un widget dans le menu déroulant supérieur.

Sous Lien de discussion directe, le dernier segment du chemin est le widgetId et suit le propertyId.

Dans l'exemple ci-dessous, l'ID de propriété est 61563492d326717cb6842813 et le widgetId est 1fgsbqorm

Comment utiliser les callbacks et expose functions

Voir la liste des API dans notre référence API.

Pour accéder aux expose functions, vous devrez utiliser useRef de React. Créez une variable constante qui contiendra useRef() et transmettez-la dans le composant TawkMessengerReact en tant que prop.

Utilisation des Callbacks

Pour utiliser les Callbacks d'API, transmettez une fonction en tant qu'accessoires sur le rappel que vous utiliserez.

Expose functions

Pour accéder aux Expose functions, vous devrez utiliser useRef de React. Créez une variable constante qui contiendra useRef() et transmettez-la dans le composant TawkMessengerReact en tant que prop.

Utilisation des rappels
À l'aide des rappels d'API, transmettez une fonction en tant qu'accessoires sur le rappel que vous utiliserez.
Autres frameworks JS que nous prenons en charge

Centre d'assistance Vue.js | GitHub

Angular.js GitHub

Ember.js GitHub

Besoin d'aide pour intégrer tawk.to dans React.js ? Contactez notre équipe d'assistance ou planifiez un appel.

Cet article a-t-il été utile ?

83 sur 123 ont aimé cet article