Wie Redux in React ohne Immutable einrichten?

Question

Ich lernte Redux mit Teropa's incredible tutorial. Seine Implementierung verwendet jedoch Unveränderlich und ist, obwohl es großartig ist, etwas, das ich aus dem Build meiner aktuellen App entfernen möchte. Ich versuche herauszufinden, wie man das Folgende erhält, ohne auf Immutable zu setzen. Ich muss irgendwie reducer.js ändern, um Immutable herauszunehmen, aber die exportierte Funktion scheitert ohne state = Map().

Index.jsx

store.dispatch({ 
    type: 'SET_STATE', 
    state: { ... } 
}); 

action_creators.js

export function setState(state) { 
    return { 
    type: 'SET_STATE', 
    state 
    }; 
} 

reducer.js

import { Map } from 'immutable'; 

function setState(state, newState) { 
    return state.merge(newState); 
} 
export default function(state = Map(), action) { 
    switch (action.type) { 
    case 'SET_STATE': 
    return setState(state, action.state); 
    } 
    return state; 
} 

Answer 1

function setState(state, newState) { 
    return { 
    ...state, 
    ...newState 
    }; 
} 
export default function(state = {}, action) { 
    switch (action.type) { 
    case 'SET_STATE': 
    return setState(state, action.state); 
    } 
    return state; 

prüfen, wie ich es in meinem Zustand Management-Bibliothek verwenden https://github.com/nosovsh/reduceless/blob/master/src/wrapReducerWithSetGlobalState.js#L9