Javascript 列表中的渲染列表（使用贴图中的贴图）

我想在JSX中呈现列表中的一些列表。一系列记录

 const [records, setRecords] = useState([
    {
      name: "Jack",
      record: {
        record_1: { credit: 10, debit: 0, total: 10 },
        record_2: { credit: 10, debit: 0, total: 20 }
      }
    }
  ]);

如何呈现

名称

，包含

记录1

和

记录2

的记录列表

我想要的是

---

使用

对象。值

records.map（值=>
Object.values（value.record）.map（record=>
名称：{value.name}{'}
信用：{record.credit}{'}
债务：{record.debit}{'}
总计：{record.total}
)
);

片段：


const Comp=（）=>{
const[records，setRecords]=React.useState([
{
姓名：“杰克”，
记录：{
记录1:{贷方：10，借方：0，总计：10}，
记录2:{贷方：10，借方：0，总计：20}
}
}
]);
返回记录.map（值=>
Object.values（value.record）.map（record=>
名称：{value.name}{'}
信用：{record.credit}{'}
债务：{record.debit}{'}
总计：{record.total}
)
);
};
ReactDOM.render(
,
document.getElementById（“react”）
);

如果我的信息完整，请告诉我第一张地图可以简化为
记录。地图（值…
@charlietfl我认为它也是一个对象。谢谢。我应该在哪里使用这个片段。这个代码在index.js中运行吗？如果是，那么我知道如何在应用程序中工作。js@USAMA这是一种反应成分。