首页 > 解决方案 > 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?

标签: reactjsjsp

解决方案


推荐阅读