如何解决相比于jsx中的地图,使用flatMap有什么好处吗?
例如:
const Foo = ({ items }) => (
<>
{items?.flatMap(({ foo,bar }) => (
<>
<div>{foo}</div>
<div>{bar}</div>
</>
)}
</>
)
我们可以保证输出的内容是纯数组吗?
我们可以减少嵌套深度还是简化Big-O?
解决方法
flatMap
仅在其回调的返回值返回数组时有用:
arr1.map(x => x.split(" "));
// [["it's","Sunny","in"],[""],["California"]]
arr1.flatMap(x => x.split(" "));
// ["it's","in","","California"]
在这种特殊情况下,当映射到JSX时,回调的返回值将永远不会是数组,因为React限制您只有1个根节点。
因此,在这种情况下,flatMap
不会比map
受益
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。