我如何整合反应js在玩网络应用程序

问题描述:

我想创建一个使用游戏框架的web应用程序,我想用前端的反应js。我如何在我的Play网络应用程序中集成react js?我如何整合反应js在玩网络应用程序

我对玩游戏框架没有任何认识,但是在你的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

我t认为在Play应用中管理依赖关系的最佳方式是通过WebJars。首先,添加WebJars依赖于build.sbt

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

现在你必须在routes文件中声明的资产路线

GET /资产/ *文件controllers.Assets.at(PATH = “/公众”,文件) GET/webjars/*文件controllers.WebJarAssets.at(文件)

那么你可以添加反应到HTML文件:

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