我在反應應用程式中有兩個 json，我想過濾 ID。
{data.investments.map((item) => (
<div className="tipo">
<h1 key={item.id}>{item.description}</h1>
<h2>
Rendimento total: <span>valor</span>
</h2>
{/* SECOND LOOP */}
{data.reports.map((rep) => (
<div>
<Tabela reports={data.reports} tipoInvestimento={item.id} />
</div>
))}
</div>
))}
在第二個回圈內的元素上，我只需要顯示與第一個回圈匹配 Id 的元素
import React from "react";
export const Tabela = ({ reports }, { tipoInvestimento }) => {
return (
<table>
{reports.map((r) => {
if (r.id === tipoInvestimento)
return (
<tr key={r.id}>
<div>
<td>
{r.month}/{r.year}
</td>
<td>R$ {r.value.toFixed(2)}</td>
</div>
<td>{tipoInvestimento}</td>
</tr>
)}}
</table>
);
};
但沒有顯示。有沒有其他形式可以做到？提前致謝。
uj5u.com熱心網友回復：
您可以使用Array.filter()函式僅根據條件迭代某些專案：
{data.investments.map((item) => (
<div className="tipo">
<h1 key={item.id}>{item.description}</h1>
<h2>
Rendimento total: <span>valor</span>
</h2>
{/* SECOND LOOP */}
{data.reports.filter(r => r.id === item.id).map((rep) => (
<div>
<Tabela reports={data.reports} tipoInvestimento={item.id} />
</div>
))}
</div>
))}
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/384587.html
上一篇：創建從分析的資料幀派生的兩個串列