ReactJS：如何从两个不同选项卡上的表中填充特定数据

Question

我在数据中创建了一个表，其中包含名字、姓氏、编号、等级等实际的表，但在数据中。 我正在尝试显示在一个选项卡上毕业的每个人以及在另一个选项卡上没有毕业的每个人。

我写的标签是： <tab id="Graduated" value={"1"} label= "Graduated"/>

<tab id="未毕业" value={"1"} label="未毕业"/>

当我单击“已毕业”选项卡和“未毕业”选项卡下的“已毕业”：假时，我将如何显示具有“已毕业”的数据：true？

一切都在 React JS 中。

Answer 1

我认为最好的答案在于 Javascript 数组方法，而不是反应。 您应该检查array.filter然后简单地使用它在 JSX 中迭代。 例如，一个选项卡将类似于：

<Tab>
  {fullList.filter(item => item.graduated === true).map(item => {
     ... som edisplay code here
  })}
</Tab>

另一个列表当然会graduated === false 。