reactjs - JSP 读取 React JSX
问题描述
我打算慢慢将反应添加到我的新jsp页面中以进行改造。
我通过在我的template.jsp下面添加 lib 尝试了一个示例
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
索引.jsp
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<div id="tab-1">
<h1>GoodBye World</h1>
</div>
<div id="tab-2">
<div id="react_container"></div>
<script type="text/babel">
function App(){
return (
<div id="container">
<h1>hello world</h1>
</div>
);
}
ReactDOM.render(
<App/>,
document.getElementById('react_container')
);
</script>
</div>
以上是在 html 中遵循一些成功示例,但是当我将其移动到 jsp 时,页面显示为空白,没有任何错误或异常。
知道我在哪里做错了吗?还是在 JSP 文件中根本不支持 React-JSX?
解决方案
推荐阅读
- function - Common Lisp 中的类型化 lambda 函数
- javascript - 无需请求网页即可获得连接
- python - Python 添加 pytest --black 到测试套件
- python - 从 url 中提取单词
- audio - ffmpeg HLS 分割音视频文件
- c - 使用 valgrind 查找 C 内存泄漏会冻结程序
- antlr - 将 W3C 的 EBNF 转换为 ANTLR
- c# - SQLite 与 Dapper C# - Windows 窗体:使用 ComboBox Lisl 属性通过外键检索数据库数据
- python - Python3:删除具有相同坐标(x,y)的数组元素
- google-cloud-firestore - 如果字段存在于另一个集合中,如何仅针对文档查询具有 2 个相关集合的 FireStore 数据模型