Injecter React JSX par un bookmarklet

Question

Comment puis-je convertir le code comme ceci à partir d'un fichier html dans un bookmarklet

<script src="JSXTransformer-0.13.3.js"></script> 
<script src="react-0.13.3.js"></script> 
<script type="text/jsx;harmony=true" src="foo.js"></script> 

Dans le code bookmarklet j'ai les fichiers js chargement en faisant cela -

var script = document.createElement('script'); 
script.src = 'file:///C:/whatever.js'; 
document.body.appendChild(script); 

Mais le fichier JSX que je charge en faisant ce qui suit ne semble rien faire.

var script = document.createElement('script'); 
script.type = 'text/jsx;harmony=true'; 
script.src = 'file:///c:/foo.js'; 
document.body.appendChild(script); 

Il ajoute l'élément de script mais ne semble pas créer le composant de réaction. J'ai essayé de le mettre dans un setTimeout en pensant qu'il pourrait s'agir de problèmes de timing, mais j'ai le sentiment que cela a plus à voir avec mon manque de compréhension de la façon dont React et JSXTransformer détectent et traitent le fichier jsx. Y a-t-il quelque chose que je dois appeler? Merci!

Answer 1

J'utilisé babel pour convertir le JSX js plaine comme expliqué ici - https://facebook.github.io/react/docs/language-tooling.html