reactjs - 如何在immutablejs中迭代Map

标签 reactjs immutable.js

Immutablejs Map 中的 Object.entries() 等价于什么。基本上,我枚举对象的键/值对来呈现演示组件

{
  Object.entries(filteredNetworks)
  .map(([key, value]) =><option key={key} value={key}>{value}</option>)
}

现在,由于 filteredNetworks 是一个不可变的 Map,我该如何做同样的事情? (不使用 .toJS())

最佳答案

基于: https://facebook.github.io/immutable-js/docs/#/Iterable/map

{
  filteredNetworks.map(
  (value, key) => <option key={key} value={key}>{value}</option>
  )
}

请注意,映射器函数的参数顺序发生了变化。

使用进入序列的另一个选项可能是

{
   filteredNetworks.entrySeq().map(
     .map(([key, value]) =><option key={key} value={key}>{value}</option>)
   )
}

摆弄于 https://jsfiddle.net/3r866to3/

关于reactjs - 如何在immutablejs中迭代Map,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40101595/

相关文章:

javascript - 使用express.js 路线设置来 react 应用程序

javascript - React.js 无法读取 null 的属性 '__reactAutoBindMap'

javascript - 可以将 Immutable.js Map 转换为 React 组件内的对象吗

javascript - 映射关联数组的值

javascript - 使用 javascript 原型(prototype)系统创建共享结构的不可变对象(immutable对象)是否有意义

reactjs - 在React js中出现错误: Could not find a declaration file for module 'react-bootstrap-modal' .

javascript - ReactJS错误: TypeError: Cannot read property 'props' of undefined

reactjs - okta-auth-js 和 okta-signin-widget 之间的区别

javascript - 在 Immutable.JS 的上下文中, "dense"是什么意思?

javascript - 如何对不可变映射内的项目进行排序(交换)?