Javascript 在jsx中使用flatMap比map有什么好处吗？

例如：

const Foo = ({ items }) => (
  <>
    {items?.flatMap(({ foo, bar }) => (
      <>
        <div>{foo}</div>
        <div>{bar}</div>
      </>
    )}
  </>
)

constfoo=（{items}）=>(
{items？.flatMap（{foo，bar}）=>(
{foo}
{bar}
)}
)

我们能保证输出是纯数组吗

---

我们可以在Big-O中减少嵌套深度或简化吗？

flatMap

仅在其回调的返回值返回数组时才有用：

在这种特殊情况下，当映射到JSX时，回调的返回值将永远不会是array，因为React限制您只有一个根节点

因此，在这种特殊情况下，

flatMap

over

map

arr1.map(x => x.split(" "));
// [["it's","Sunny","in"],[""],["California"]]

arr1.flatMap(x => x.split(" "));
// ["it's","Sunny","in", "", "California"]