《反射》专题

问题内容： 我有一个场地，这个场地上发生了很多事件。我的模型如下所示： 我想显示在某个场所发生的所有事件。我怎样才能做到这一点？我当前的视图如下所示： 问题答案： 你可以使用另一种方式。 请注意，是经理的对象，像，这样你就可以打电话和类似它来得到一个查询集。

问题内容： 第一次遇到控制反转（IoC）时可能会造成很大的混乱。 它是什么？ 它解决什么问题？ 什么时候合适，什么时候不合适？ 问题答案： 控制反转（IoC）和依赖注入（DI）模式都是关于从代码中删除依赖的。 例如，假设您的应用程序具有文本编辑器组件，而您想提供拼写检查。您的标准代码如下所示： 我们在这里所做的创建了和之间的依赖关系。在IoC场景中，我们改为执行以下操作： 在第一个代码示例中，我们

问题内容： 我有一个带有一堆随机x，y坐标的散点图。当前，Y轴从0开始并上升到最大值。我希望Y轴从最大值开始，一直到0。 问题答案： 有一个新的API使它变得更加简单。 和/或

问题内容： 我有React表单，其中有一个用于渲染下拉菜单的Component，因为这些选项来自API。但是，我无法访问嵌入式组件的引用。我正在整理我的第一个表格，并试图了解解决此问题的最佳方法。 问题答案： 最好将视为回调属性，并且不再依赖于Object。如果确实使用对象，请避免访问后代组件。您应该将其视为私有访问器，而不应将其视为组件API的一部分。仅将组件实例上公开的方法视为其公共API。

问题内容： 这是我第一次使用axios，遇到错误。 使用正确的url和参数，当我检查网络请求时，确实可以从服务器中获得正确的答案，但是当我打开控制台时，我看到它没有调用回调，而是捕获了错误。 错误：网络错误堆栈跟踪：createError @ http：// localhost：3000 / static / js / bundle.js：2188：15 handleError @ http：//

问题内容： 我试图将onscroll事件处理程序添加到特定的dom元素。看下面的代码： 代码非常简单，如您所见，我想处理div＃list滚动。当我运行此示例时，它不起作用。所以我尝试直接在render方法上绑定this._handleScroll，它也不起作用。 因此，我打开了chrome inspector，直接使用以下命令添加了onscroll事件： 它正在工作！我不知道为什么会这样。这是Re

问题内容： 我被要求反转一个以head为参数的参数，其中head是一个链表，例如：1-> 2-> 3这是从已经定义的函数返回的，我试图以这种方式实现函数reverse_linked_list： 称为：。我编写的用于反转列表的函数具有给定的功能，并且仅适用于长度为3的列表。如何将其概括为长度为列表的？ 问题答案： U可以使用mod函数获取每次迭代的余数，并且显然可以帮助反转列表。我想你是R和D团的学

问题内容： 在这里，我尝试设置为’hello’，然后打印它，但是状态似乎为空。当我刚刚使用更新状态时怎么办？设置为全局变量。 问题答案： 从reactjs文档中： 不会立即变异，但会创建待处理的状态转换。调用此方法后进行访问可能会返回现有值。 https://facebook.github.io/react/docs/component- api.html 您可以做的是将状态更新后传递给回调函数：

问题内容： 我有以下代码片段： 我将如何使用上面的代码来设置每个键的状态。 这是初始状态： 问题答案： 基本规则是： 我们可以使用 计算属性名称 概念，并使用任何 js表达式 动态计算对象属性名称。为此，我们需要将表达式放在里面。 像这样： 解： 按照您发布的代码，你需要把里面，就像这样： 或者我们可以先创建该对象，然后将该对象传递给函数，如下所示： 另外，您不需要。您可以直接使用新值更新状态变量

问题内容： 我有一个应用程序，需要动态设置元素的高度（让我们说“ app-content”）。它获取应用程序“ chrome”的高度，然后减去它的高度，然后将“ app- content”的高度设置为在这些限制内适合100％。这对于香草JS，jQuery或Backbone视图来说非常简单，但是我正在努力弄清楚在React中执行此操作的正确过程是什么？ 以下是一个示例组件。我希望能够将的高度设置为窗

问题内容： 是否有将功能放置在react组件中的偏好？我仍在学习反应，因此只想找出最佳做法。 问题答案： 每次渲染都会在render方法中创建一个函数，这会对性能造成轻微的影响。如果将它们放入渲染中也很麻烦，这是一个更大的原因，您不必滚动渲染中的代码即可查看html输出。始终将它们放在课堂上。 对于无状态组件，最好将函数保留在main函数之外，而传递props，否则该函数也会在每个渲染器中创建。我

问题内容： 大家好，我还是新手，我不知道如何使用全局变量。我想将“ this.props.topic.text”设置为全局变量，以在项目的其他应用程序上使用它。我怎样才能做到这一点 ？ 问题答案： 这是一个可怕的想法，但是在React中使用全局变量的最好/最简单的方法是将其放在上。在组件中，您可以执行类似的操作，然后通过其他任何地方进行访问。 理想情况下，如果您有数据，并且在可能的状态下，需要在各

问题内容： 保持不变，尽管我在函数中调度了一个动作： 输出为NO_AUTH（的初始值） 减速器： 知道为什么吗？ 问题答案： 您当前正在直接在未映射到的componentDidMount内部调度： 这应该做的工作： 现在，这将获得authState：

问题内容： 使用react和electronic创建桌面应用程序。我想从react组件中调用main.js电子方法。 main.js 如何克服这个问题？ 问题答案： 在您的Renderer.js 在您的main.js 这是在主进程与渲染进程之间进行通信的最简单方法。 但是我认为您将使用以下方法将主过程的结果发送到渲染器 因此，这意味着您正在通过IPC通道将结果从main发送到渲染器。并且您应该在渲

问题内容： 为什么colspan属性在React中不起作用？我创建了呈现以下内容的简单组件： 编辑：解决 这是解决方案。React期望属性名称为 colSpan ，而不是colspan。在浪费了荒谬的时间去发现这个小小的邪恶事实之后，想出了这一点。 问题答案： 来自React的DOM差异文档： 所有DOM属性和属性（包括事件处理程序）都应包含驼峰，以与标准JavaScript样式保持一致。 如果您