根据reactjs中的优先级显示值

如何解决根据reactjs中的优先级显示值

我有两个对象数组，array1和array2。我只能显示两个数组中的三个值，但是将优先级赋予array1。要求是，如果array1包含3个元素，则显示所有这三个元素。如果array1包含2个元素，则显示array1中的2个元素和array2中的1个元素。如果array1包含1个元素，则显示array2中的其余2个元素。我不确定如何将此逻辑放入我的反应代码中。 现在，我只是在打印所有值。任何帮助将不胜感激。

{arrayOne.map((data) => (
                      <listofValues
                        data={product.details}
                      ></listofValues>
                  ))}

 {arrayTwo.map((data) => (
                      <listofValues
                        data={product.details}
                      ></listofValues>
                  ))}

解决方法

尝试

{arrayOne.concat(arrayTwo).slice(0,3).map((data) => (
                      <ListOfValues
                        data={product.details}
                      ></ListOfValues>
                  ))}