如何使用map在react js中迭代dict并将其转换为表记录

Question

具有以下结构：

history: {
https://jsonplaceholde.typicode.com/posts/41: "failed",
https://jsonplaceholde.typicode.com/posts/42: "failed",
}

可通过this.state.stats.history 访问

如何使用map迭代历史记录并创建表记录生成表记录？

像这样的东西->

<tr>
{this.state.stats&& this.state.stats.history.map( ([key, value]) => {<th>key</th><th>value</th>})}
</tr>

Answer 1

您可以使用Object.entries来获取对象中的条目数组。您还需要一个片段(或数组(，因为map必须返回一个值。

{this.state.stats
? Object.entries(this.state.stats.history).map(([key, value]) =>
<><th>{key}</th><th>{value}</th></>
)
: false
}

(我很可能不会在returned的结构中直接这样做，我会提前这样做，以避免在JSX表达式中有太多的条件逻辑。