如何最好地将Immutable.JS列表发送到无状态的React组件？

我正在使用Redux、Immutable.JS和React。我想把一个Immutable.JS列表传递给我的无状态React组件。此组件在列表中进行映射，并为列表中的每个项目呈现一个子项。

示例：

function Cats(props) {

  function Cat(p) {
    return <li key={p.id}>p.name</li>;
  }

  return <ul>{props.cats.map(Cat)</ul>;
}

{p.id}部分中断了，因为props.cats是一个映射的Immutable.JS列表，所以我必须将我的React组件更新为{p.get('id')}。

我可以这样做，但是有没有更好的方法让无状态的React组件在不知道它是Immutable.JS列表的情况下使用列表呢？这种用法违反了Redux + Immutable.JS + React最佳实践中的最佳实践，“除了您的哑巴组件，在任何地方都使用Immutable.JS”。1

我相信其他人已经解决了这个问题，我不想重复发明轮子。

转载请注明出处:http://www.mrdmz.com/article/20230526/1131165.html

➤