在 JavaScript 中的条件运算符中执行多条语句

问题描述

我想渲染 2 个数组，第一个数组在第二个数组的顶部渲染，在条件运算符内，并且不想连接具有重复元素的数组。

someCondition ? (
   arr1.map(elm => renderItem(elm)),arr2.map(elm => renderItem(elm))
) : null

然而，这只会呈现第二个数组而忽略第一个。

另外，不希望连接两个数组然后从连接的数组中过滤元素，因为第二个数组有时可能非常大。

解决方法

您可以在此处使用 React Fragments：

someCondition ? (
   <>
      {arr1.map(elm => renderItem(elm))}
      {arr2.map(elm => renderItem(elm))}
   </>
) : null