根据 reactjs 中的优先级显示值

Question

我有两个对象数组，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>
                  ))}

Answer 1

试试

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