问题标签 [reactjs.net]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
403 浏览

reactjs.net - ReactJs.NET 和使用 V8 的服务器端渲染在生产中引发异常

我在 ASP.NET MVC 4 项目中使用 ReactJs.NET。我通过在应用程序启动时调用的 ReactConfig.cs 中指定它来禁用对 MSIE javascript 引擎的回退:

这适用于我的开发人员机器,但不适用于生产。抛出的异常是:

我已确保将 ClearScript.V8 文件夹(带有 ClearScriptV8-64.dll 和 v8-x64.dll)复制到生产服务器和 bin 文件夹,因此我目前正在查看 Visual C++ 运行时是否丢失。我下载并安装了位于此处的 Visual Studio 2015 的 Visual C++ Redistributable : https ://www.microsoft.com/en-us/download/details.aspx?id=48145但引发了相同的异常。

我在这里有什么明显的遗漏吗?我安装的 Visual C++ 运行时是否错误?

0 投票
2 回答
1793 浏览

asp.net-mvc - 带有客户端初始化的 ReactJs.net 服务器端渲染会引发警告

我有一个 reactjs.net 实现......没什么特别的。我了解所有代码,但不明白为什么我在网络控制台中收到错误:

用新的根组件替换 React 渲染的子组件。如果您打算更新此节点的子节点,则应该让现有的子节点更新其状态并渲染新组件,而不是调用 ReactDOM.render

基本上,我有一个工作JSX 文件,并在 asp.net mvc 视图中呈现它

该组件渲染得很好,我用 serverSideOnly 等对其进行了测试。一切都很好。但是通过上述配置,我得到了提到的错误。我看起来 React 正在尝试重新渲染组件,而不是像文档所说的那样仅仅连接事件处理程序。

任何线索我做错了什么?

0 投票
1 回答
962 浏览

asp.net-mvc - reactjs中的重定向

我有一个问题,我有一段时间无法解决。我有 mvc 应用程序,它将在成功登录后呈现登录页面,我必须重定向到特定页面。

登录身份验证由 Api 控制器完成,它将在成功身份验证时给我一个 json 位。我有一个关于如何在成功登录时进行重定向的问题。我正在使用 ecmascript 5 规范。我的登录表单中没有继承布局,所有组件和路由都在布局页面中注册的脚本中。这个登录是一种临时页面,下面是登录的 jsx 代码。及时帮助将不胜感激

});

0 投票
2 回答
2135 浏览

reactjs - 如何使用 ReactJS.NET 渲染带有 redux 的 React 应用程序?

我已经创建了单页应用程序,我在其中使用了React, Redux and React-Router.

我想渲染这个 SPAReactJS.NET以提高加载应用程序的性能。

SPA 编译为一个 Bundle.js,使用Webpack.

我有一个ASP.NET MVC应用程序,我可以在其中粘贴将通过ReactJS.NET. 此 SPA 中的所有内容都将在一个ASP.NET视图中工作,但使用React-router.

我怎样才能做到这一点?我找不到任何可以用 redux 解决这个组合的项目。

感谢您的示例或帮助。

0 投票
0 回答
130 浏览

javascript - 从 outside.js 调用 react webpack.js 以将项目添加到反应组件中的列表

我正在使用 react 为 wpf 应用程序生成静态 js。我有与 c# 通信的 java 脚本类。

我需要添加项目以响应来自外部 js 的组件。我不知道我应该如何从外部 js 调用 babel 生成的 js 内部的函数。

例子:

C# 调用 outside.js 添加项目

外部.js

函数绑定文本(消息){

//需要将项目传递给site-webpack.js中的组件

}

反应 babel 生成的 js

站点 webpack.js

//渲染组件

我需要从 outside.js 调用 site-webpack.js 中的组件

0 投票
1 回答
35 浏览

javascript - 映射时嵌套数据表

基本上我有两张桌子productscategories. 我设法绘制出products

});

...还有第二张桌子categories。我试过用谷歌搜索,但我真的不知道如何用谷歌搜索它。通常我可以从控制器发送两个模型来查看,并且可以在 foreach 中执行 foreach,第二个模型只是查看categoriesforfk_product_id或类似的东西,因此<SingleProduct/>该类可以显示与映射产品相关的所有类别..但这是只是一个不同的故事。

怎么做?

0 投票
0 回答
380 浏览

asp.net-mvc - 将 jsx 转译为 js 并将其捆绑在 bundleconfig.json 中

我正在尝试在 ASP.NET Core Applikation 中设置 ReactJS.NET 项目并捆绑我的 jsx 文件,但它似乎比我预期的要难。现在我已经阅读了大量文章并查看了他们网站上的文档,但是当这个“指南”仅适用于 cs 文件而我的文件是 json-file: 时,我并没有多大帮助bundleconfig.json。我也试过这个教程,但我没有帮助我。

当我进入bundleconfig.json-file 时,我尝试给出outputFileName一个 jsx 值,然后我告诉我,该值需要是 css 或 js。我必须以某种方式转换它吗?我可以用另一种/更好的方式做到这一点,还是我只需要忘记将我的文件捆绑在这个项目中?

希望有人能指出我正确的方向。

0 投票
0 回答
963 浏览

asp.net-mvc - 使用 IIS Express 时 ReactJS.NET 未正确初始化

我正在使用 ReactJS.NET(版本 3.0.0)在 MVC 应用程序中渲染/初始化客户端组件,但是在调用Html.ReactInitJavaScript()辅助方法时,我在运行时收到以下异常:

[TinyIoCResolutionException:无法解析类型:React.IReactEnvironment] React.TinyIoC.TinyIoCContainer.ResolveInternal(TypeRegistration 注册,NamedParameterOverloads 参数,ResolveOptions 选项)+833 React.TinyIoC.TinyIoCContainer.Resolve(类型 resolveType)+60 React.TinyIoC.TinyIoCContainer。 Resolve() +56 React.Web.Mvc.HtmlHelperExtensions.get_Environment() +53

[ReactNotInitialisedException:ReactJS.NET 未正确初始化。] React.Web.Mvc.HtmlHelperExtensions.get_Environment() +107 React.Web.Mvc.HtmlHelperExtensions.ReactInitJavaScript(HtmlHelper htmlHelper, Boolean clientOnly) +141

但是,这仅在IIS Express中不处于调试模式时才会发生。调试或使用本地 IIS 时,我没有收到此错误。

ReactJS.NET 用于WebActivatorEx在 PreApplicationStart 期间进行初始化。WebActivatorEx.PreApplicationStartMethod在 IIS Express 中触发是否存在已知问题/解决方法?

下面是我ReactConfig的以防万一。我没有使用提供的版本,react而是webpack用于转换/捆绑。

编辑:

FWIW,我尝试替换WebActivatorEx.PreApplicationStartMethodSystem.Web.PreApplicationStartMethodOwinStartup无济于事。

0 投票
1 回答
460 浏览

asp.net-core-mvc - 在 Cassette 中添加 ScriptBundle 不起作用

我正在尝试将我的 JSX 文件捆绑在 asp.net 核心应用程序中,但我无法让任何工作......我也在使用 ReactJS.NET。目前我正在使用 Cassette 来捆绑我的文件,并且我已经按照这个指南+ Cassette 自己网站上的指南没有运气。它还在指南中说CassetteConfiguration.cs,当安装 React.Cassette NuGet 包时,应该创建一个 -file - 这没有发生,所以我创建了自己的CassetteConfiguration.cs-file,它看起来像这样:

在此之后,我试图将它发送到我的视图 - Index.cshtml- 视图中的代码如下所示:

我还_ViewImports.csHtml对此进行了编辑:

当我尝试运行它时,它只会给我这个 NullReferenceException

我现在已经尝试了好几天让这个捆绑在我的 asp.net 核心应用程序中工作,但我什么都做不了......所有的文档都很旧,并且导致相同的教程是 2 岁..

我曾尝试与 asp.net core 自己的捆绑、Babel、Webpack 广告捆绑,现在 Cassette 没有任何工作,它让我发疯!

我真的希望有人可以帮助我解决这个捆绑问题。

0 投票
1 回答
499 浏览

json - 如何在 ReactJS 中从 WebAPI 中读取 Respose

我无法读取ResponseReactJS 代码中的内容,但 API 调用正在返回正确的 JSON 数据Response Code: 200

我的 ReactJS 代码是

Web API 正在向浏览器返回以下 JSON

请帮助我阅读以下 JSON 使用ReactJS

答案的回应@OB3

我尝试了同样的方法,但我得到了例外。请参考截图并帮助我。

在此处输入图像描述