我如何在播放Web应用中集成React JS

我正在尝试使用Play Framework创建Web应用程序，我想将React JS用于前端。如何在我的Play Web应用程序中集成React JS？

我对游戏框架的了解为零，但是将REACT集成在您的Web应用程序中并不难。

如果您已编译了ReactJS JS文件。只需在索引页面中包含标题标签即可。并用ID声明Div。然后执行一些这样的代码

html

<div id="root">
 <!-- This element's contents will be replaced with your component. -->
</div>

reactjs

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

演示：http：//codepen.io/gaearon/pen/rrpgnb?editors=1010

这篇博客文章可能有助于解决您的问题https://facebook.github.io/react/docs/rendering-elements.html

我认为，在播放应用程序中管理依赖项的最佳方法是通过WebJars。首先，将WebJars依赖性添加到build.sbt

libraryDependencies ++= Seq(
  "org.webjars" %% "webjars-play" % "2.5.0",
  "org.webjars" % "bootstrap" % "3.1.1-2"
)

现在，您必须在routes文件中声明资产路由

获取/资产/*文件controllers.assets.at(路径="/public"，file(get/webjars/*file Controllers.webjarassets.at(file(

然后，您可以将React添加到HTML文件：

<head>
    <script type='text/javascript' src='@routes.WebJarAssets.at(WebJarAssets.fullPath("react", "react.js"))'></script>
</head>

相关内容