Question

我正在使用独立版本的babel和react.js在浏览器中使用，稍后在Android webview中使用。（没有应用程序，服务器，node.js，npm ...）当我在不同的文件中创建更多的REACT组件时，我遇到的组件没有定义错误。

这是因为当我尝试访问它时，babel没有完成组件的JSX编译页面加载函数中的组件。是否有一种等待JSX编译完成的方法？

请帮忙！我是REACT / Babel的新手，过去几天没有找到解决方案： - （（

Answer 1

我遇到了同样的问题，同时在我的旧学校java应用程序中实现了使用反应的解决方案。
在开发模式下，我想使用我的jsx文件客户端，以便我可以立即测试它们。

<script type="text/javascript" src="/assets/react/vendor/babel.min.js"></script>
<script type="text/babel" src="/assets/react/jsx/my-react-file-with-funtion.jsx"></script>
<script type="text/javascript">
    $(function () {
                myFunctionDefinedInMyJSXScript();
    });
</script>

但是这不起作用，得到了一个

myFunctionDefinedInMyJSXScript未定义

更改我的函数调用脚本标记来自＆＃34; text / javascript＆＃34; to＆＃34; text / babel＆＃34;解决了它。

<script type="text/babel">
    $(function () {
                myFunctionDefinedInMyJSXScript();
    });
</script>

等待JSX文件编译完成

1 个答案: