表根据后端列表显示

Question

后端有一个列表。传入列表是发票列表。我在2个不同的选项卡中显示这些发票，如付费和未付款。付费发票的“状态3”。付费发票的“状态6”。有时没有出色的发票。在这种情况下，我想删除未付费发票表，并用通知消息替换。

付款info.js

在这里您可以看到两个不同的选项卡

<TabPanel value={value} index={0} >
  <PaymentTable variant="edit" paymentList={paymentInfoData} value={value} collectionMethod={collectionMethod} />
  <div className={hiddenControlButtonClass}>
    <AS.Button variant="outlined" onClick={handlePayment}>
      Continue
    </AS.Button>
  </div>
</TabPanel>
<TabPanel value={value} index={1}>
  <PaymentTable variant="read" paymentList={paymentInfoData} value={value} />
</TabPanel>

payment-table.js

props.paymentlist.policyinstallmentdtolist =项目

if (props.value === 0 && item.status !== '3') { ... //unpaid bills
}

if (props.value === 0 && !props.paymentInfoData?.policyInstallmentDtoList?.some((e) => e['status'] === '6')) {
  return (
   <div>You do not have any outstanding invoices</div>
  );
} // I tried to print a message if there is no unpaid invoice by navigating the incoming list here.

if (props.value === 1 && item.status === '3') { ... //paid invoice 
}

它缩写了如何打印消息？

如果没有未付费发票，