问题标签 [reactjs.net]

我正在使用带有 reactjs.net 的最新 asp.net 核心并渲染我的反应组件服务器端，我是否可以不仅传递模型，还传递模型属性以进行验证，而无需为 JS 设置依赖项验证器？

模型

看法

如果没有，验证模型的最有效方法是什么，而无需在视图上重新定义整个模型

I am trying to get a react application working with aspnet and I am using webpack.

This is my webpack config

I am getting these 2 errors in the console when I try to access the page.

SCRIPT5009: 'global' is undefined vendor.js (42739,2)

SCRIPT5009: 'exports' is undefined mobilelobbyapp.js (1,1)

I can't figure out how to fix these. I did notice on a working example that the exported js file from webpack has

at the start of the file where mine has

我正在尝试从一些 reactjs.net 组件访问一些 Web 配置设置。我在加载应用程序时需要这些，但是 reactjs.net 上的文档还有很多不足之处。有谁知道这可能是如何实现的？是的，我可以让它通过 xmlhttprequest 回调到服务器，但我宁愿能够通过应用程序将它们传递进去。有没有办法让它们出现在视图中并将它们作为参数传递？

提前致谢！

我有一个反应组件InfoPanel，我想更新单击第三方控件时的状态gantt chart。我只使用通量来完成此操作，以允许组件相互通信。我不确定InfoPanel在第三方控件事件onTaskClick触发时如何更改组件的状态。

这是为第三方控件触发的事件。

这是我的InfoPanel组件

});

我应该在我的组件中添加这样的东西吗？<InfoPanel OnTaskClick = infoPanelService.OnTaskClick/> 而不是立即在构造函数中附加事件并将该函数作为道具从服务中传递？这样组件就完全没有问题了，我可以轻松地扔掉它并重用它。

我目前正在尝试使用“ReactJS.NET”在服务器端渲染一些 ReactJS-stuff（来自不同的教程）。

但是，我总是收到以下消息：

找不到名为“评论框”的组件。您是否忘记将其添加到 App_Start\ReactConfig.cs？

看这里的代码似乎很简单。

我的 ReactConfig.cs：

我看不出我在这里做错了什么，因为我认为我只需要将生成的（通过 webpack）添加CommentBox.js到配置中并完成。

在我看来，我只是尝试@Html.React("CommentBox",new {})在引发异常的时候调用。

这是可以在生成的 javascript 文件中找到的代码：

我将 ASP.net MVC 5 与 ReactJS.net 一起使用。它在开发模式下工作正常，但是当我将它启动到 IIS 时我无法对工作做出反应。必须从 DEV 更改为 Release 以使其正确编译？是否应该在bundle.configor中添加一些东西web.config？

这是我的bundle.config样子

我收到以下错误：

内部异常：

内部异常：

这是 Application_Start

这是 BundleConfig.RegisterBundles

这是主页/索引视图

错误发生在这一行

Update1 当我尝试直接在浏览器中访问 /Scripts/HelloWorld.jsx 时，我收到了以下服务器错误消息：

我一直在使用 ReactJs.Net 和 MVC5 应用程序，并在使用 ES6 和 babel 转译器时遇到服务器端渲染问题。我使用了expose-loader 来全局公开组件。但它只适用于 ES5 语法。如果我使用 ES6 和 Webpack 进行捆绑，我会在 @Html.React() 函数中收到以下错误。

将“Hello”渲染为“react_Hq6cd5QfaUu26XrhGgZA”时出错：脚本抛出异常：Minified React 错误 #130；访问http://facebook.github.io/react/docs/error-decoder.html？

~Jsx/Components/Helloworld.jsx 的代码

如果有人知道解决方案，请帮助我。

我一直在遵循使 Webpack 与 React.NET 一起工作的指南（位于https://reactjs.net/guides/webpack.html），我的要求之一是将第三方库放在一个单独的包中。为此，我使用了位于https://webpack.js.org/guides/code-splitting-libraries/的 CommonsChunkPlugin 。

尝试使用客户端渲染进行此设置似乎可以正常工作，但仍然无法弄清楚如何为服务器端渲染做同样的事情。我总是会看到错误Error while loading "~/Scripts/build/bundle.js": ReferenceError: webpackJsonp is not defined。

我对这个 Webpack 世界还很陌生，但设法意识到该webpackJsonp变量是在window级别注册的，我猜服务器端渲染引擎无法访问。是这样吗？这个问题有什么解决方法吗？

提前非常感谢！

是否可以使用 React.NET 转换 js 文件，以便在支持 es5 的浏览器中使用 js 文件中的 es6 功能？

我在带有 React 的 ASP.NET MVC 项目中使用 React.NET，它通过 BabelBundle 将 jsx 文件转换为 js 文件，但是如果我使用 ASP.NET Bundling and Minification 库将 js 文件添加到包中，它不会被转译因为它已经是一个js文件，例如：

在上述情况下，Component1.jsx 正在被转译，但 jsFile.js 没有被转译，因此无法在仅支持 es5 的浏览器中使用 es6 功能。

该问题仅在未创建捆绑包的调试配置中出现（因为未启用捆绑）。

是否可以配置 React.NET babel 版本来转译 js 文件？