Как увидеть state внутри reduce

Если распечатать state внутри редюсера, то видим какой-то странный объект вида: Proxy {i: 0, A: {…}, P: false, I: false, D: {…}, …}

3 года назад

Ivan Gagarinov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Proxy объект - это особый объект, который позволяет отслеживать изменения объекта и вызывать обработчики на изменения. Состояние (state) в редюсерах остаётся неизменяемым (его нельзя мутировать) и редюсер должен возвращать новое состояние. Но redux-toolkit, с помощью объекта Proxy, даёт возможность работать с состоянием как с обычным объектом и мутировать его, то есть мы можем например переназначать свойства:

state.todos = newTodos;

Чтобы распечатать состояние, в redux-toolkit встроена функция current(), она позволяет получить текущее состояние из прокси-объекта:

import { createSlice, current } from '@reduxjs/toolkit';

const slice = createSlice({
  name: 'todos',
  initialState: [],
  reducers: {
    addTodo: (state, action) => {
      state.push(action.payload);
      // Выводим в консоль обновлённое состояние
      console.log(current(state));
    },
  },
});

3 года назад

Ivan Gagarinov

2 месяца

React

Навык разрабатывать быстрые и удобные интерфейсы, открывающий доступ к интересным вакансиям в крупных компаниях

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

2 месяца

ООП на Javascript

Навык глубокого понимания архитектуры и написания чистого кода, позволяющий решать сложные задачи

1 месяц

Асинхронное программирование на JS

Навык асинхронного программирования в JavaScript: писать быстрый код, расти в грейде и успешно проходить собеседования.

Похожие вопросы