问题标签 [reactjs.net]

我正在尝试设置一个 ASP.Net MV5 应用程序以与ReactJS.Net一起使用，包括服务器端渲染和捆绑。

不幸的是，它因以下异常而失败：

React.dll 中出现“React.TinyIoC.TinyIoCResolutionException”类型的异常，但未在用户代码中处理

附加信息：无法解析类型：React.ReactEnvironment

此异常发生在此行：

这条线是我的_layouts.cshtml文件。

我应该如何解决我的问题？

为了详细说明，这里我做了什么：

1. 在 BundleConfig.cs 中：

   我用我所有的 jsx 文件创建了一个文件夹“Content/ui/components”（实际上只有一个来自教程的“commentsbox.jsx”文件。

2. 在 ReactConfig.cs 中，我删除了该WebActivatorEx.PreApplicationStartMethod属性，因为 MVC5 不再支持该属性，这得益于 Owin 组件。它仍然包含：

   /li>

3. 在我的Global.asax.cs文件中，我显式调用ReactConfig.Configure方法来替换WebActivatorEx.PreApplicationStartMethod钩子：

   /li>

4. 我的_layouts.cshtml视图包含（在文件的底部）：

   /li>

5. 在我看来：

   /li>

6. 最后，我的 jsx 文件：

   /li>

我正在尝试在 Visual Studio 中设置一个新项目，该项目将是 MVC 5，其中包含用 ReactJS 编写的单页应用程序。所以我遵循了 ReactJS 网站上的指南。

我进入了运行项目的第一部分，由于 JSX（浏览器似乎想将其解释为完全合理的 vanilla JavaScript）而出现语法错误。所以我添加type="text/jsx"到脚本标签。

总的来说，我的 HTML/JSX 看起来像这样：

Razor 视图的 HTML 输出

教程.jsx

我不明白 - 我做错了什么？除了添加type="text/jsx"到脚本标签之外，我一直按照教程进行操作。我假设需要包含一些东西来处理将 JSX 转换为 vanilla JS，但本教程似乎没有提到这一点。

我在 Chrome 开发人员工具控制台中根本没有收到任何错误。

我有以下ReactJS代码：

我正在尝试将data1变量传递到GridList它被拆分到Columns（对于标题）和行的位置。问题是我在运行时遇到以下异常：

在文件“~/Scripts/Grid.jsx”中：解析错误：第 30 行：意外的令牌返回（在第 30 行第 6 列）行：52 列：3

我正在使用 ReactJS 从 Visual Studio 2013 中运行它。

所述 Line nr 和 colum 没有意义

我试图根据服务中的元数据（列）和行数据呈现表。

我一直在阅读ReactJS.NET上的本教程，但遇到了障碍。它提到：

我们将在这里使用简单的轮询，但您可以轻松地使用 SignalR 或其他技术。

虽然这在我进行客户端渲染时有效，但在渲染服务器端时会引发以下错误。目前，我实际上并不需要jQuery 或 SignalR 来呈现初始状态，因为我只是在应用程序运行后使用它们来订阅更新。我想我的问题是，构建我的 React 应用程序以便我可以随意在服务器端或客户端呈现它的正确方法是什么。

加载“~/Scripts/jquery-1.10.2.js”时出错：ReferenceError：未定义窗口

我喜欢在 React 中做同构 JavaScript是多么容易。唯一困扰我的是它的工作原理是数据必须由浏览器下载两次。首先在 DOM 标记中，然后在 JSON 格式中以在运行时初始化状态。所有数据都已经存在于 DOM 中，难道 React 不应该仅凭这些数据就可以重新水化吗？

我已经做了一些实验，使用自定义绑定处理程序在 KnockoutJS 中进行渐进式增强。我希望有一种与 React 类似的方法。

更新

将逻辑放入从 DOM 读取值的 React 似乎并不习惯。但是没有什么能阻止您编写一些 JavaScript 来自己收集值！鉴于上面的示例，您可以执行以下操作。

然后使用它来初始化反应组件客户端。我对此很满意。

我正在使用属性来传递组件依赖项。这在使用依赖于 jQuery 或 SignalR 等运行时库的代码进行服务器端渲染时尤其重要。在我的情况下，我需要在服务器端渲染我的组件，然后让 JS 连接到它并在浏览器中流式传输实时数据。所以我不需要 SignalR 服务器端，但我需要使用 React.NET 传递对客户端上 Web 套接字集线器的引用。

我正在使用 ReactJS.NET 构建提要，但遇到 chromes 给我的错误问题。

加载页面时，我可以看到 1 个错误

未捕获的 ReferenceError：未定义 FeedBox（匿名函数）

它从 React.render 行抛出：

然而，组件 FeedBox 被正确渲染，但 onClick 不起作用。

索引如下所示：

饲料.jsx

_布局

反应配置

我从 reactJS.NET 收到这个警告

bind()：您正在将组件方法绑定到组件。React 以高性能的方式自动为您完成此操作，因此您可以安全地删除此调用。见 LikeCon

组件看起来像这样

我在调用方法 handleClick 时使用了绑定，如果我删除它，我会得到另一个异常吗？那我该怎么办？

我正在尝试通过 System.Web.Optimization.React 使用 ASP.NET 缩小和优化来缩小我的 .JSX 文件。我已经安装了 MVC4 React 包和优化包，但是每当我尝试包含一个包时，我都会得到以下信息：

InnerException 总是null

我的捆绑包设置如下：

并包含在视图中：

错误总是在线抛出：

有人对如何解决/调试这个有任何想法吗？如果需要更多信息，请告诉我。

我正在尝试为 react.js 应用程序实现通量架构。我使用的是 ReactJS.NET 而不是节点，这意味着我无权访问节点的事件发射器系统。

我试图模仿的例子在这里：https ://github.com/facebook/flux/blob/master/examples/flux-todomvc/js/stores/TodoStore.js

我可以使用另一个库来实现不需要nodejs的相同效果吗？