所以我是新手，我試圖在反應中創建一個滑動拼圖，到目前為止，我有一個數組，我試圖洗牌，循環在哪里，我使用 lodash 將數組分成四個。但是我需要停止在 newArr 上運行的循環，任何可以幫助我理解如何做到這一點的人？當我將頁面更新為 newArr 時，它會運行多次，并且當我使用 shuffle btn 對圖塊板進行洗牌時，我該如何編寫以便 getShuffledArr 在更新或洗牌時只運行一次？const sortedArray = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15];const getShuffledArr = () => {  const newArr = sortedArray.slice();  for (let i = newArr.length - 1; i > 0; i--) {    const rand = Math.floor(Math.random() * (i + 1));    [newArr[i], newArr[rand]] = [newArr[rand], newArr[i]];    console.log("newArr", newArr);  }  let newPuzzle = newArr  return newPuzzle};const newPuzzle = getShuffledArr()// this gives four arrays of the shuffled oneconst newPuzzleArr = () => {  let puzzleArr = _.chunk(newPuzzle, 4)  console.log("getNewArray", puzzleArr);  return puzzleArr}newPuzzleArr()<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.js"></script>