如何链接外部JSX文件，但在实际文档中呈现

Question

我很难找到答案。我有一个包含我的React组件的外部jsx文件，然后我在文档本身中有一个babel脚本调用了render函数，但是它看不到组件。这是一种渲染外部JSX的错误方法吗？我想这样做，所以我可以在不同页面上的不同组件上调用渲染，因此我可以通过属性onRender传递PHP变量。

这是我的文档设置。谢谢！

<script type="text/babel" src="../../js/modules/tagDrawer.jsx"></script>
<script type="text/babel">
    ReactDOM.render(
      <TagButton renderTags="true"/>,
      document.getElementById("tag-wrapper")
    );
</script>

PS，我正在开发时使用browser.js在客户端渲染JSX。