Question

我正在为一个较旧的个人项目工作，我试图对此做出一些反应，但是我对如何将其集成到我的现有项目中感到困惑。当前，我有一个Web应用程序，它是一个maven项目（使用Eclipse IDE）。

我已经花了很多时间来阅读有关react，jsx，babel的文章，我从eclipse市场安装了React：CodeMix。但是我被困在我的第一个js文件中。这是到目前为止我得到的：

在我的JSP页面中添加了一个id为“ root”的div，我想在其中插入一些React组件，

QString html = QString(<div class="container">


    <div class="row">
        <div class="box">
            <div class="col-lg-12">
                <hr>
                <h2 class="intro-text text-center">
                    Discutie pe tema "<strong><%=request.getParameter("thread")%></strong>"
                </h2>
                <hr>

                <hr class="visible-xs">
                <p id="titles"></p>

                <div id='root'></div>



            </div>
        </div>
    </div>


</div>

并创建了此js页面以渲染虚拟组件：

import React from "react";
import ReactDOM from "react-dom";
import App from "./App";

ReactDOM.render(<p>Hello world!!!</p>, document.getElementById('root'));

这是我的json包：

{
  "name": "onlinetutoring",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "dependencies": {
    "babel-preset-es2015": "^6.24.1",
    "react": "^16.8.6",
    "react-dom": "^16.8.6"
  },
  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-preset-env": "^1.7.0"
  },
  "scripts": {
    "build": "babel src -d public"
  },
  "author": "",
  "license": "ISC"
}

不幸的是，当我运行它时，ReacdDOM.render行的红色下划线标有“期望的分号”字样，并且div内未呈现任何内容。你知道我在想什么吗？

如何在我现有的Maven应用程序中使用react＆jsx？

0 个答案: