在J2EE应用程序中插入React JS-JSX

时间:2019-06-07 07:20:48

标签: reactjs tomcat jsx

我的目标是在本地tomcat服务器上运行的现有(基于JSP)J2EE应用程序上添加基于React JS的新UI屏幕。是的,我们的要求是使用现代javascript /客户端技术添加新屏幕,但要保留现有屏幕。

我下载了单独的react.js和react-dom.js,并将它们添加到我的J2EE项目内容中,并将它们引用到html页面。通过这种方式(无需安装节点JS或设置react开发环境),我可以实现我的目标,但是我只能使用普通的JavaScript React.createElement来创建UI组件。

但是,我还需要使用JSX语法来加快开发速度。现在,要使用JSX功能,我了解到必须进行Node JS,Babel等的设置,并且必须构建应用程序。这不符合我的目标,因为我不需要独立的React应用程序,而仅需要基于对现有J2EE应用程序的反应来创建其他屏幕。

因此,我需要专家的建议才能完成此任务。我的问题是

  1. 如果我设置了react + babel开发环境并构建了一个应用程序,是否可以轻松获取经过反编译的JS文件,以便可以将其下载并部署到我的tomcat服务器?
  2. 如果是这样,这是实现我的目标的唯一方法,还是有更好的选择来加快开发速度?

1 个答案:

答案 0 :(得分:0)

您不需要专家的建议就很容易。

1)您可以使用来自Facebook的create react app样板库中的create react app,它提供了开箱即用的所有功能。

https://github.com/facebook/create-react-app

2)React应用需要一个div来加载js。

Keep generated js bundle from above step in J2EE application and load script on JSP page using script tags.

<script src="/reactbundle.js"></script>

<div id="root"> </div>  // create this div in existing J2EE application in HTML or JSP file.

ReactDOM.render(<App />,document.getElementById('root')
);