search

Lucas-Moreno / webdoc-BlockChain

0 stars 0 forks source link

Use JS "inside" React #20

Closed bcalou closed 4 years ago

bcalou commented 4 years ago

Vous ne devriez pas importer de JS "par dessus" React comme vous le faites dans index.js en important main.js.

React est le chef d'orchestre. Tout le JS doit s'exécuter à l'intérieur des composants (ou dans des fichiers appelés par les composants).

Pas besoin de document-ready, puisque quand votre composant est prêt, votre document est prêt.

Pas besoin de querySelector, on interagit jamais avec le dom réel quand on utilise react, voici comment faire avec gsap : https://greensock.com/react/

Attention il s'agit d'un gros travail de ré-organisation mais nécessaire

RemiTiab commented 4 years ago

Hello Bastien,

J'ai corriger le JS et appelé les fonctions que j'avais besoins selon mes composants.

Quand je me redirige vers 'apropos' ou 'sommaire' j'ai une erreur de JS alors que mes functions JS sont appellées en même temps que le composant "home" alors que je suis dans le sommaire ..

Peut tu m'éclaircir ?

Merci d'avance :)

bcalou commented 4 years ago

Quelle est l'erreur ? Je peux avoir un screenshot ?

RemiTiab commented 4 years ago
Capture d’écran 2020-07-02 à 22 51 30

Voici l'erreur que j'ai

bcalou commented 4 years ago

Je te conseille de toujours sécuriser tes appels, par exemple ligne 71 :

if (wrapperIntroduction && wrapperIntroduction.hasAttribute('animation')) {

Peut-être que le useEffect se joue alors que la page Home est en train d'être retirée par React. En tout cas j'ai essayé en local, plus de problème

RemiTiab commented 4 years ago

Merci c'est mis à jour j'ai englober toute la fonction par if (wrapperIntroduction) {myFunction} et tout est rentrer dans l'ordre !

Je close l'issue !