在播放视图中插入React代码

Question

我在Play中有这个观点：

@(message: String)

@main("Welcome to Play") {

    <script src='@routes.Assets.versioned("js/index.js")' type='text/javascript'></script>

    <div id="hello"></div>

    <script type='text/javascript' src='@routes.WebJarAssets.at(WebJarAssets.fullPath("react", "react.js"))'></script>
    <script type='text/javascript' src='@routes.WebJarAssets.at(WebJarAssets.locate("jquery.js"))'></script>
    <script type='text/javascript' src='@routes.Assets.versioned("js/Dummy.js")'></script>

}

在其中，我正在尝试使用包含此内容的文件assets/js/Dummy.jsx：

React.render(<h1>Hello</h1>, document.getElementById('hello'));

为了编译JSX，我将其放在plugins.sbt：

中

addSbtPlugin("com.github.ddispaltro" % "sbt-reactjs" % "0.5.2")

但是，React代码没有效果，页面保持原样。 为什么会这样？