《set》专题

问题内容： 我有一个外部组件（可观察到的对象），我想听其变化。当对象被更新时，它会发出更改事件，然后我想在检测到任何更改时重新呈现该组件。 对于顶层，这是可能的，但是在组件内不起作用（这是有道理的，因为该方法仅返回一个对象）。 这是一个代码示例： 在内部单击该按钮会调用，但这实际上并不是导致渲染发生的原因（您可以看到它在起作用，因为由创建的文本不会更改）。但是，如果我只是打电话而不是，它就可以正常

问题内容： 我正在做一个待办事项应用程序。这是违规代码的非常简化的版本。我有一个复选框： 这是调用复选框的函数： updateItem是映射为分派到redux的函数 我的问题是，当我调用updateItem操作并在console.log状态时，它总是落后1步。如果未选中该复选框且该复选框不为true，则仍将状态为true传递给updateItem函数。我是否需要调用另一个函数来强制状态更新？ 问题

问题内容： 我正在尝试新的React Hooks，并有一个带有计数器的Clock组件，该计数器应该每秒增加一次。但是，该值不会增加到超过一。 问题答案： 原因是传递给的闭包中的回调仅访问第一个渲染器中的变量，而无法访问后续渲染器中的新值，因为第二次未调用。 回调中的值始终为0 。 就像您熟悉的状态挂钩一样，状态挂钩有两种形式：一种是处于更新状态的状态，另一种是将当前状态传入的回调形式。您应该使用第

问题内容： 以下是我用来设置状态的代码。 即使成功创建了数据库，也无法调用，因为它始终是未定义的。 我试过了： 但是它仍然失败，尝试使用和使用，仍然没有运气。 我该如何解决？ 问题答案： 您需要将正确的（类上下文）与回调方法绑定在一起，然后只有您才能访问类的属性和方法。 可能的解决方案： 1- 使用 箭头功能 ，如下所示： 2- 或与一起使用，如下所示： 您使用的方式也将起作用，保存方法内部的引用

问题内容： 我有以下基于渲染下拉列表呈现用户的类。如果我选择“字母”，则将按字母顺序列出用户；当我选择“组”时，将按组顺序列出用户。 在组件中，我正在通过props.members中的函数设置组件状态对象。 当我选择“组”排序时，组件正在卸载并且正在DOM中安装。同样，当我切换回“字母”排序时，在组件中预先设置的状态变量（成员）将变为NULL，因为该组件已从DOM中删除。 重新渲染b’coz时道具

问题内容： 我觉得我已经在阳光下尝试了所有东西，但是一定缺少一些非常明显的东西。在下面，我试图将一个新项目推入数组并更新状态，但是无论我做什么，状态都不会从初始数组更改。 当我console.log newListItems时，新项目就包括在内，因此到目前为止所有工作都在进行，它是不会更新的实际状态。我想念什么？ addItem方法： 我也没有在控制台中收到任何错误消息。 完整代码： 问题答案：

问题内容： 我收到此错误： warning.js：33警告：无法在已卸载的组件上调用setState（或forceUpdate）。这是空操作，但它表明应用程序中发生内存泄漏。要解决此问题，请在componentWillUnmount方法中取消所有订阅和异步任务。 但是我没有使用componentWillUnMount方法。 我正在使用HOC来确保用户在访问其/ account路由之前已通过身份验证

问题内容： 想象这样的情况： 现在，我从理论上担心，在哪里克隆状态（中的第四条语句），可能会发生我没有获得该状态的最新版本的情况- 由于先前调用的某些调用正在等待中，这是否是正确的假设？ 现在，我的问题是，如果我以以下方式（基本上与回调参数一起使用）重写上述代码，它会更安全吗？（就不处于不同步状态而言）。 我是否还需要在内部采取一些其他措施（第二个重写版本）？ ps。只是更改状态的函数-假设当用户

问题内容： 这两个功能之间的主要区别是什么？ 为什么用直接更改状态的handleOnChange（）函数可以正常工作？ 当我使用第一个通过回调更改状态的函数时，出现以下错误： 问题答案： 这是setState的两种不同语法 第一： 使用updater函数作为第一个参数。 第二： 使用要更新的对象 在更新程序功能中使用综合事件时，需要使用 从 文档中 ： SyntheticEvent被合并。这意味着

问题内容： 是否有原因在循环中调用会阻止其多次更新状态？ 我有一个非常基本的jsbin，突出了我所看到的问题。有两个按钮。一个将状态计数器更新为1。另一个在循环中调用One的基础函数- 似乎将多次更新状态。 我知道此问题的几种解决方案，但我想确保首先了解这里的基本机制。为什么不能循环调用？我是否笨拙地编写了代码，以至于无法达到预期的效果？ 问题答案： 从React Docs： setState（）

问题内容： 我正在编写一个脚本，该脚本根据下拉列表的高度和输入在屏幕上的位置将下拉列表移动到输入下方或上方。我也想将修改器设置为根据其方向下拉。但是在内部使用会产生无限循环（这很明显） 我已经找到了使用和直接将classname设置为下拉列表的解决方案，但是我觉得应该使用React工具有更好的解决方案。有谁能够帮我？ 这是工作代码的一部分（略微忽略了定位逻辑，以简化代码） 这是带有setstate

问题内容： 出于好奇，我只想知道如果我在React Native或ReactJS的Class的构造函数中使用函数会发生什么？如： React将会发生什么生命周期？ 我还没有阅读React中的代码。那样写恐怕会造成一些损害。 问题答案： 什么本质上确实是运行了一堆你可能不会在构造函数需要逻辑的。 进行操作时，您只需为javascript对象分配一些内容，就如同分配其他任何对象一样。（仅此而已，只是每

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

问题内容： 我正在尝试从渲染视图重构以下代码： 到绑定位于构造函数内的版本。原因是渲染视图中的绑定会给我带来性能问题，尤其是在低端手机上。 我创建了以下代码，但是我不断收到以下错误（很多错误）。该应用似乎陷入了循环： 以下是我使用的代码： 问题答案： 看起来您不小心在render方法中调用了该方法，而您可能想这样做。 如果您不想在onClick处理程序中创建lambda，我认为您将需要两个绑定方法

问题内容： 我有调度动作的功能。我想在操作之前和之后显示一个加载程序。我知道将对象传递给时会做出反应。问题是如何以异步方式更新属性： 基本上，如果我将此属性作为应用程序状态的一部分（使用Redux），那么一切都很好，但是我真的更喜欢将此属性仅带到组件状态。 问题答案： 将其余代码包装在第一个的回调中： 有了这个，你可以保证被设定为之前被调用，并且被设置回。 这假设您的功能是同步的。如果不是，则将其