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