问题标签 [reactjs.net]

我是 React 新手，想了解处理以下场景的正确方法。

比如说，我有三个 React 组件，它们本质上是兄弟姐妹，即不相互嵌套。

所有三个组件都需要知道用户的屏幕分辨率，并且这个分辨率可能会改变。例如，用户可以将浏览器窗口设置为较小的尺寸。本质上，视口处于动态状态。

我不想将视口检测逻辑放入会产生重复代码的每个组件中。如何创建一个负责查看端口检测的通用函数并将此信息传递给每个组件？

在下面的代码示例中，我有三个相互独立工作的组件，但它们都需要查看端口信息。处理这个问题的正确方法是什么？

顺便说一句，我在 ASP.NET MVC 应用程序中使用它，并考虑使用 ReactJs.Net 来处理服务器端的初始状态和预渲染。因此，了解在 ASP.NET MVC 应用程序的上下文中处理此问题的正确方法对我来说很重要。

我正在使用 REactJs 动态创建一些表单字段。这些表单域映射到一个文档对象。从视觉上看，它是一个三列应用程序。左侧显示的文档队列，带有许多可点击的文档图标，中间的字段和右侧的文档图像。可以有多个文档。每个文档都有与之关联的字段。如果用户在字段中输入值，然后单击另一个文档。我希望为新文档或加载的保存值重置输入字段。

下面是我尝试使用 DefaultValue 属性的最后一次尝试；我试图从函数中传递值。我也尝试过 value 属性，但它锁定了不允许用户更改它的值。

目前，我成功保存了文档队列及其字段的状态，但我无法让 UI 反映我的状态对象：documentQueue。

我读过人们建议使用 value={state} 的地方，但这对我的状态对象不太适用。我的表格更加动态和复杂。

});

我正在关注本教程：http ://reactjs.net/getting-started/tutorial.html并使用 Visual Studio 2012 Express。

我Tutorial.jsx在Scripts同一个项目的文件夹中仍然在谷歌浏览器的控制台中收到 500 状态错误。

但是当我尝试将其更改为：

Tutorial.js也在Scripts文件夹中，chrome下载它并且工作正常。

我只想使用 jsx 文件。

我有一个用例，我需要用输入标签替换“_____”。我正在使用 Reactjs.NET。我以为我可以执行以下操作，但出现错误。

输出是：

错误：未捕获类型错误：无法读取未定义和未捕获错误的属性“getDOMNode”：发生缩小异常；使用未缩小的开发环境获取完整的错误消息和其他有用的警告。

我正在开发一个网站，该网站同时使用 AngularJS 和 ReactJS 来处理网站的不同组件（例如购物车、类别树等）。我们处于混合环境中的原因是我们从 Angular 开始，但后来开始偏爱 React。计划是将所有 Angular 的东西迁移到 React。

我们现在面临的问题是我们的产品页面包含包含大量数据的选项卡。使用 Angular，您只需像往常一样在 ASP.NET 中将其呈现在服务器端，然后在客户端启动一个 Angular 指令并且选项卡是可点击的。我们认为我们现在想要做的是让 ReactJS.NET（或只有 ASP.NET？）呈现选项卡服务器端（包含所有数据），但不将数据传递给客户端实现，而是采取行动更像是一个指令，只对选项卡进行客户端控制。

这完全有可能吗，还是我们无论如何都必须将所有数据传递给客户端脚本？

如何将反应组件添加npm到我的Startup.cs？

对于我关注的他们的演示，我目前有：

这很好用。

如果我有一个通过 安装的组件，该组件npm位于node_modules文件夹中，我如何引用并使用它来进行服务器端渲染Reactjs.NET？

我正在尝试为初始页面加载呈现组件服务器端。使用@Html.React("componentName", props) 可以完美呈现标记。我遇到的问题是组件将在没有样式的情况下呈现。稍后，样式通过 Webpack 包和典型的样式加载器加载。

我尝试了几种方法。

1. https://github.com/thereactivestack/style-collector-loader不起作用，因为我收到一条错误消息，指出全局未定义。

2. https://github.com/kriasoft/isomorphic-style-loader出于同样的原因不起作用

理想情况下，我想从组件中获取所需的 CSS 并将它们呈现到剃刀视图中。

我正在尝试修复现有项目的错误。Webpack 和 react 对我来说是相对较新的概念，所以我不完全确定我应该提供什么信息。让我知道哪些额外的细节会有所帮助。

我一直在关注本教程http://reactjs.net/getting-started/tutorial.html并且一切都很好。但是在最终的输出源中，我得到了以下注释标签，为什么标签周围有文字react-text，它们是必需的标签吗？为什么它们在评论标签中？可以以某种方式删除它们吗？

我对 reactjs 很陌生，所以我写了一个相当简单的页面来测试“动态”<select>选项以及如何获取所选值。我想要做的是在提交时，能够通过迭代获得选定的值，this.refs但我得到了未定义的值。我不确定如何使用手柄更改使其以受控方式工作，因此我选择采用不受控制的方法。但是我想知道如何做到这两种方式。还是有一种更简洁/首选的方式来获取表单提交上的选定值？

同样在 select 的渲染中，为什么我不能ref={this.props.formId}在 OptionsList 上而不是在其中添加一个？如果我删除 OptionsList 上的 ref 并将其放在选择中，则它不会识别任何选择输入。

我正在尝试使用 ReactJS 和 Redux 使用 ASP.NET MVC 制作的应用程序进行服务器端渲染。我正在使用 ReacJS.Net。

我的组件适用于客户端渲染。

我的应用程序可能是这里的示例之一：http ://redux.js.org/docs/basics/UsageWithReact.html 。这里是主要代码（用于客户端渲染）。

如何使用带有服务器端渲染的 ReacJS.NET 做到这一点？