Comment fonctionnent les templates et React?

Je suis nouveau à Réagir, et j'utilise le modèle Nifty, qui est quelques htmls, css et javascripts. Mon problème principal est que le nifty.js a des fonctions de liaison, par exemple, il lie les événements onClick pour faire des animations. J'importe le fichier nifty.js dans mon index.html. Mais de ce que je sais de React, le html est ajouté dynamiquement donc quand le nifty.js s'exécute, le html n'existe pas encore. C'est un problème car il ne lie pas les événements au HTML.Comment fonctionnent les templates et React?

Ma question est, comment fonctionnent les modèles React et normal. Existe-t-il un moyen (en plus d'ajouter un appel sur onComponentDidUpdate) pour exécuter les scripts de template?

Dois-je trouver un modèle plus compatible? Les modèles sont-ils spécifiquement conçus pour réagir?

Source

2017-10-17 Luis Gurmendez

Je vous recommande d'utiliser un framework CSS compatible UI (dans ce cas, React). Ma suggestion serait http://www.material-ui.com. En dehors de cela, vous perdriez plus de temps que nécessaire pour le faire fonctionner avec une bibliothèque non compatible.

Bonne chance.

Source

2017-10-19 13:24:08

Vous pouvez essayer ceci:

<html> 
    <head>...</head> 
    <body> 
    <div id="#reactAppId"></div> 
    <script src="nifty.js"></script> 
    </body> 
</html>

Source

2017-10-19 13:35:35

Parce que dans React html est ajouté dynamiquement, donc lorsque la page est rendu les scripts nifty.js a déjà été exécuté et donc les binds ne sont pas faites, parce que le HTML n » t existe. Ou est-ce que j'ai mal mes faits? –

Pourriez-vous éditer votre question et montrer un échantillon? –

Comment fonctionnent les templates et React?

Répondre

Questions connexes