reactjs - 通过 map 和显示组件进行 react 循环

Question

所以我有一个独特的情况，

在我的州，我没有可以进行映射的常规列表，然后在每次迭代中显示组件，例如:

list.map(shape => <Shape {...shape} />)

但我有一个 Hash Map 。我需要知道key和 value所以我将拥有将其显示为组件所需的信息。所以我找到了一个很好的方法:entries()返回 Iterator ，但是我怎样才能以可以内联显示新组件的方式迭代它呢？

类似伪代码的东西:

myHashMap.entries().toList().map((key, value) => <MyComponent myKey={key} myValue={value} />)

Answer 1

你们给出了很好的答案，但我找到了最简单的语法:

Array.from(myHashMap.entries()).map((entry) => {
    const [key, value] = entry;
    return (<MyComponent myKey={key} myValue={value} />);
}