我有一个文件(主文件),它使用jquery .load().调用另一个文件(已加载
在加载的文件中,javascrips可以工作,但jsx代码被忽略。
可以以这种方式加载jsx代码吗?如果是,是如何实现的?
如果没有,我们有什么替代方案-如何处理加载文件中的jsx代码?
母版页代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>React</title>
<script src="https://fb.me/react-with-addons-0.13.2.js"></script>
<script src="https://fb.me/JSXTransformer-0.13.2.js"></script>
<script src="https://code.jquery.com/jquery-1.10.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#loaded").load("loaded.html", function(responseText, textStatus, req) {});
});
</script>
</head>
<body>
<p>Master page</p>
<div id="loaded"></div>
</body>
</html>
加载页面代码:
<script type="text/javascript">
console.log("JQUERY WORKS");
</script>
<script type="text/jsx">
console.log("REACT WORKS");
</script>
<p>loaded page</p>
编辑:我想要实现什么:我正在开发一个web应用程序,它使用jquery加载来加载它的“页面片段”,并且我需要在这个片段中呈现一个React组件。
https://stackoverflow.com/questions/29826678
复制相似问题