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

标签 reactjs typescript

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

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

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

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

类似伪代码的东西:

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

最佳答案

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

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

关于reactjs - 通过 map 和显示组件进行 react 循环,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61354245/

相关文章:

javascript - Typescript:在 Visual Studio 2013 中编译为多个 .js 文件

angular - 模型驱动/ react 形式 : Auto mapping from Model to FormGroup ?

javascript - 在 JavaScript 中分配给 { ... } 对象时这意味着什么?

javascript - SwiperJS - 你如何设计分页项目符号?

reactjs - React 未定义(无法读取未定义的属性 'createElement')

typescript - 在 TypeScript 中编写通用克隆方法

TypeScript Fetch response.Json<T> - 预期 0 个类型参数,但得到 1 个

reactjs - React-router链接,传入params

javascript - 无法在 React Component 中编写包含某些代码的脚本标签

angular - 订阅 promise