web-dev-qa-db-fra.com

Exécuter javascript une fois la méthode de rendu reactjs terminée

J'ai un composant reactjs:

var com1 = React.createClass({
    render: function() {
        return (  
    <a href='#'>This is a text</a>
    );
  }
});

Je veux exécuter Javascript/Jquery une fois le rendu de ce composant terminé. Le simple fait d'ajouter Javascript à la méthode de rendu ne semble pas fonctionner.

Comment pourrais-je y parvenir?

18
p_mcp

Utilisez la méthode componentDidMount pour exécuter le code après le rendu initial et componentDidUpdate pour exécuter le code après chaque mise à jour de l'état du composant.

40
Roman Liutikov

Voir la documentation ici: https://facebook.github.io/react/docs/component-specs.html#mounting-componentdidmount

Dans le cycle de vie du composant, vous pouvez définir un rappel pour componentDidMount - c'est-à-dire que la fonction de rendu est terminée et que les éléments résultants ont été insérés dans le DOM.

4
kakigoori