asp.net-mvc-4 - 如何将 React 与 ASP.NET MVC 结合使用

Question

我想尝试 React 并开始遵循教程 here采用 Internet 模板，在 _Layout.cshtml 中添加所需的脚本引用，并将以下脚本放置在 About.cshtml 中。

这段带有“@”字符的代码会带来麻烦:

<script type="text/jsx">
  /**
   * @jsx React.DOM
   */
  // The above declaration must remain intact at the top of the script.
  // Your code here
</script>

MVC 说:

The name 'jsx' does not exist in the current context

请大家指点

问候。

Answer 1

我刚刚发布了 ReactJS.NET它可以让你轻松地将 JSX 编译为 JavaScript。使用 ReactJS.NET，您可以将代码放入 .jsx 文件中(例如 /Scripts/HelloWorld.jsx)，然后通过脚本标记引用它:

<script src="@Url.Content("~/Scripts/HelloWorld.jsx")"></script>

此外，还支持ASP.NET 捆绑和缩小以及Cassette。

<小时/>

原始答案(2014 年 4 月 4 日之前):

您需要通过写入两次来转义@:

<script type="text/jsx">
  /**
   * @@jsx React.DOM
   */
  // The above declaration must remain intact at the top of the script.
  // Your code here
</script>

我目前正在研究一些东西，以便更轻松地使用 ASP.NET 中的 React，这应该很快就会发布。这包括 JSX 的服务器端编译(即时编译和通过 ASP.NET 缩小和组合)以及 React 组件的可选服务器端渲染。请继续关注!