Лучшие практики для обновления или модификации Array in Array с помощью redux - PullRequest
Новая
       1

Лучшие практики для обновления или модификации Array in Array с помощью redux

0 голосов
/ 08 марта 2019

Я хотел бы узнать лучшие практики и, если мой способ был правильным, обновить или изменить массив в массиве.

В настоящее время у меня есть это состояние:

Состояние 

props1 : "props1",
props2 : "props2",
props3 : "props3",
buckets : [{
    bucketProps1 : "bucketProps1",
    bucketProps2 : "bucketProps2",
    bucketProps3 : "bucketProps3",
    blocks : [{
        blockProps1 : "blockProps1",
        blockProps2 : "blockProps2",
        blockProps3 : "blockProps3",
        messages : [{
            messageProps1 : "messageProps1",
            messageProps2 : "messageProps2",
            messageProps3 : "messageProps3",
            replies : [{ 
                repliesProps1 : "repliesProps1",
                repliesProps2 : "repliesProps2",
                repliesProps3 : "repliesProps3",
            },
            {...
            }],
        },
        {...
        }],
    },
    {...
    }],
},
{...
}]

Я хотел бы добавить ответ в массиве ответов:

Редуктор-sequences.js 

case SEQUENCES.ADD_REPLY :

let newReplies = action.payload;

return {
...state,
buckets: state.buckets.map((bucket, i) => i === 0 ? {
        ...bucket,
        blocks: bucket.blocks.map((block, i) => i === 0 ? {
            ...block,
            messages: block.messages.map((message, i) => i === 0 ? {
                ...message,
                replies: [...state.buckets[0].blocks[0].messages[0].replies, newReplies]
            } : message)
        } : block)
    } : bucket)
};

Есть ли лучшая практика, чем эта, для редактирования массива в массиве?

У вас есть предложения по рефакторингу этого кода?

Спасибо!

1 Ответ

0 голосов
/ 08 марта 2019

Если у вас нет возможности нормализовать ваше состояние в структуре, с которой легче иметь дело, я бы предложил использовать для этого immer . 

import produce from "immer";

...

case SEQUENCES.ADD_REPLY:
  let newReplies = action.payload;
  return produce(state, draft => {
    draft.buckets[0].blocks[0].messages[0].replies.push(newReplies);
  });
};
...