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 。