通过书签注入 React JSX答案

【问题标题】：Injecting React JSX through a bookmarklet通过书签注入 React JSX
【发布时间】：2016-09-12 17:33:25
【问题描述】：

如何将这样的代码从 html 文件转换为书签

<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>

在书签代码中，我已经通过这样做加载了 js 文件 -

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

但是我通过执行以下操作加载的 JSX 文件似乎没有做任何事情。

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

它确实添加了脚本元素，但似乎没有创建反应组件。我尝试将它放在 setTimeout 中，认为这可能是时间问题，但我觉得这更多与我对 React 和 JSXTransformer 如何检测和处理 jsx 文件的理解不足有关。有什么需要我打电话的吗？谢谢！

【问题讨论】：

标签： javascript reactjs bookmarklet jsx

【解决方案1】：

我使用 babel 将 jsx 转换为纯 js，如下所述 - https://facebook.github.io/react/docs/language-tooling.html

【讨论】：