Question

我试图在文件myfile.jsx中包含一堆React元素 <script type="text/babel" src="http://example.com/js/r/myfile.jsx"></script> 这不起作用。
如果我尝试放import "http://example.com/js/r/myfile.jsx";，则告诉我require未定义是否有一种简单的方法，通过script标记包含jsx代码？
我只在网上使用它，我使用Babel来传播它。下面是我的标题，当所有内容都在同一页面时，代码工作正常。

<script src="https://unpkg.com/react@15/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>

Answer 1

是的，您必须在脚本标记中添加type='text/jsx'。例如，

<script src="app.jsx" type="text/jsx"></script>

Answer 2

您必须输入type =“ text / babel”，例如：

<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>

<!-- Load your-custom.js React file using type="text/babel" -->
<script type="text/babel" src="./js/your-custom.js"></script>

是否有一种简单的方法来包含带脚本标记的JSX文件？

2 个答案: