Est-il correct d’utiliser plusieurs fois React.render () dans le DOM?

Je souhaite utiliser React pour append des composants à plusieurs resockets dans le DOM. Ce violon montre ce que je cherche à faire et ne jette aucune erreur. Voici le code:

HTML:

JS:

 var Hello = React.createClass({ render: function() { return 
Hello {this.props.name}
; } }); React.render(, document.getElementById('container')); React.render(, document.getElementById('second-container'));

J’ai vu cette question et j’ai peur qu’en faisant ce qui précède, je risquerais d’avoir des composants React interférer les uns avec les autres. La réponse à cette question suggère d’utiliser le rendu côté serveur, ce qui n’est pas une option pour moi car j’utilise Django côté serveur.

D’un autre côté, ce que je fais est peut-être OK car je n’ai qu’une seule instance de la bibliothèque React montée (par opposition à plusieurs composants appelant leur propre instance de React)?

Cette façon d’utiliser plusieurs instances DOM est-elle une manière correcte d’utiliser React?

Oui, il est parfaitement React.render appeler plusieurs fois React.render sur la même page. Comme vous l’avez suggéré, la bibliothèque React n’est chargée qu’une seule fois, mais chaque appel à React.render créera une nouvelle instance de composant indépendante des autres. (En fait, une telle situation n’est pas rare sur les sites en transition vers React, où certaines parties de la page sont générées à l’aide de React.render et d’autres pas.)