redux düşürücü dönüş 'defaultState' yapmak güvenli midir?

Question

Soru: Redresörde defaultState döndürmek güvenli midir? Eğer güvende değilse lütfen, devletin mutasyona uğratma şansı olduğunda bana bir örnek verin. Başka bir yerde defaultState mutasyona değiliz ve onu istediğiniz yeni durumunu yansıtır Eğer

const defaultState = { 
    test: 'test 
} 

function testReducer(state, action) { 
    switch action.type 
     case RETURN_DEFAULT_STATE: 
     return defaultState; // is this ok to do? or need {...defaultState} 
    default: 
     return state; 
} 

Answer 1

, ben sorunun ne olacağını görmüyorum. Zaten bir sorun var bu zaten yapmamalısın

store.dispatch({type: "RETURN_DEFAULT_STATE"}); 
store.getState().x = "x"; 

Not ve: senin örneğin kod hiçbir değişiklik ile

: Burada

bazı defaultState makul mutasyona uğrayabilir nasıl örnekleridir Eğer sen.

Şimdi, örnek kodun değiştirilmiş versiyonu: eğer

export const defaultState = { 
    test: 'test 
} 

function testReducer(state, action) { 
    switch action.type 
     case RETURN_DEFAULT_STATE: 
     return defaultState; // is this ok to do? or need {...defaultState} 
    default: 
     return someOtherReducer(state, action); 
} 

function someOtherReducer(state, action) { 
    state.x = "x"; 
    return state; 
} 

Not zaten someOtherReducer() zaten ne yaptığını ve gereken bir sorun var.

import {defaultState} from "whatever"; 

defaultState.x = "x";  

store.dispatch({type: "RETURN_DEFAULT_STATE"}); 
store.dispatch({type: "UNKNOWN"}); 

Answer 2

O kadar uzun kod Tx`qflk`q yazma tüm geliştiriciler giriş parametreleri mutasyona etmeyecek şekilde güvenlidir. Yanlışlıkla herhangi bir mutasyonu önlemek için Object.assign'u öneririm.

Hatalı kod örneği: Bu sürece hiçbir yerde mutasyona yok gibi bir sorun olmamalı

const defaultState = { 
    test: 'test' 
}; 

function testReducer(state, action) { 
    switch action.type 
     case RETURN_DEFAULT_STATE: 
     return defaultState; // is this ok to do? or need {...defaultState} 
     case DO_MALICIOS_MUTATION: 
     state.test='foo'; // this might potentially mutate original defaultState object 
     return defaultState; 
    default: 
     return state; 
} 

Answer 3

. Ancak, kaza ile mutasyona uğramış bir nesnenin neden olduğu bir hatayı yaşadım. Bu nedenle ben size devlet varsayılan durum nesnesi dondurabilirsiniz mutasyona olmadığından emin olmak istiyorsanız tavsiye:

const defaultState = Object.freeze({ 
    test: 'test 
}); 

Eğer bir istisna olsun sıkı modda böyle bir donmuş nesneyi değiştirmeye çalışırsanız.