时间戳

首页 > 解决方案 > 如何计算状态中真实成员的数量并更新到屏幕？

javascript - 如何计算状态中真实成员的数量并更新到屏幕？

问题描述

我最近正在使用 react.js 并想创建一个 todo-app。在我的状态下，我写了以下内容：

this.state={tasks: [ ["Eat",true],
["Sleep",false],
["Read",true]]}

此状态将呈现到不同的复选框中。

在我要渲染的内容中：

<div className="todo-app__total">{Num} Left</div>

这里Num是我想演示的变量还有多少项仍未完成（假）。在上述情况下，Num=2。

其他按钮现在功能正常，因此状态可能会随着时间动态变化，但我希望Num在状态更新时能够同时变化。

如何收集真实成员的数量，而它们不在同一个数组中（在同一列中）？

标签： javascriptarraysreactjsstate

解决方案

假设你有一个像这样的对象，

{名称：“睡眠”，完成：假}

你可以检查如下，

items.filter(item=>item.completed == true)?.length

推荐阅读