根据 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>
                  ))}