Неожиданное поведение при получении данных

Question

Я учусь получать данные с помощью хука. В моем мини-проекте я создаю пользовательский хук для извлечения и возврата данных. В моем компоненте я создаю 2 разных состояния, чтобы хранить 2 списка из извлеченных данных и отображать их на экране.

Ожидаемый результат: Когда я нажимаю на имя в списке пользователей, он перемещает этого пользователя в список делегатов. Когда я нажимаю «Сброс», оба списка должны возвращаться в исходное состояние.

Фактический результат: Console.log показывает, что исходные данные изменяются каждый раз при щелчке имени. Поэтому я не могу сбросить списки. Я не могу объяснить, почему состояние useFetchData изменяется при изменении состояний компонента.

Что я пропустил? Спасибо! CodeSandbox

Answer 1

Я обнаружил проблему. Я думал, что это проблема с перехватом, оказалось, что это мое непонимание оператора спреда. После прочтения документа я теперь знаю, что распространяются только копии первого слоя массива или объекта. Если массив или объект многомерный, оператор распространения не будет работать. Вот почему состояние перехвата было изменено.