Редуктор Redux с Immutable

Я хочу добавить сообщение в массив сообщений в редьюсере. Обычно я бы просто сделал это:

CREATE_NEW__POST_SUCCESS: {
    return {
        ...state,
        fetchingPosts: false,
        error: null,
        posts: [...state.posts, ...action.payload],
        };

Однако мой текущий проект требует, чтобы я использовал Immutable.js. С Immutable состояние устанавливается с помощью .set() или .merge() или .update()

case CREATE_NEW_POST_SUCCESS: {
    return state
        .set('fetchingPosts', false)
        .set('posts', action.payload)
        .set('postsError', null);

Это перезаписывает весь массив сообщений только одним объектом сообщения. Я пробовал много вещей, таких как

 .set('posts' ,[...state.posts, ...action.payload])

Но нет радости

А вы пробовали это сделать .set('posts', [...state.posts, ...action.payload])? Или с помощью метода merge добавлять в посты?

— 01.04.2019 12:53

да пробовал, не знаю что не так делаю

— 01.04.2019 14:50

javascript reactjs react-redux redux-saga immutable.js

01.04.2019 12:40

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

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

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

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

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Ответы 2

Я думаю, что state.merge() и concat() могли бы работать здесь:

case CREATE_NEW_POST_SUCCESS: {
    return state.merge({
        fetchingPosts: false,
        posts: state.get('posts').concat(action.payload),
        postError: null,
    })
}

01.04.2019 12:59

Вы можете использовать updateIn аналогично ответу здесь.

case CREATE_NEW_POST_SUCCESS: {
    return state
        .set('fetchingPosts', false)
        .updateIn(['posts'], posts => posts.push(action.payload))
        .set('postsError', null);

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

— 01.04.2019 13:42

01.04.2019 13:00