如何在 map function 中加入兩個 arrays？

Question

我想要加入我從 map function 獲得的 arrays。

我試着做reduce ：

const onFinish = (values) => {
    values.fields.map((el, idx) => {           
      
      console.log({ ...el, index: idx }); // this `console.log` prints me one array after the other
    }).reduce((acc, x) => {console.log(acc,x)}); // I tried with `reduce` but it prints me null

還嘗試使用useState ：

 const onFinish = (values) => {
    values.fields.map((el, idx) => {           
      if (myArray === null){
        setMyArray(() => {
          return { ...el, index: idx };
        });
      }
      else {
        setMyArray(() => {
           return {...myArray,...el, index: idx };
        });
      }
    });
      console.log(myArray) // at my first call to this const onFinish myArray is printed as [] and at the second it prints with the last object only
   };

有人知道如何讓這些對象joined/merged嗎？

以打印方式采樣數據：

我想成為怎樣的人：

Answer 1

雖然從截圖中仍然不是很清楚（總是更喜歡使用文本而不是圖像作為數據/代碼），但看起來你想要

const onFinish = (values) => {
  const updatedValues = values.fields.map((field, index) => ({...field, index}));
  console.log( updatedValues );
}

Answer 2

這有幫助嗎？

  if (myArray === null){
    setMyArray(() => {
      return [{ ...el, index: idx }];
    });
  }
  else {
    setMyArray(() => {
       return [...myArray, {...el, index: idx }];
    });
  }