immutable, updateIn donnant keyPath invalide

Question

Je suis implémentant immutable dans mon application redux et j'ai des problèmes avec la fonction updateIn. J'ai une bascule que je veux allumer et éteindre avec cette action, dans mon réducteur. La logique est comme ceci:

 case actions.ADMIN_TOGGLE_SETTING: 
      console.log("hit toggle", action); 
      console.log("state", state.toJS()); 
      return state.updateIn(['toggleSettings', action.name], (oldValue) => !oldValue); 

Donc cela me donne une erreur de console de Uncaught Error: invalid keyPath. Je ne sais pas pourquoi, parce que journal de la console qui exécute le state.toJS() ressemble à ceci:

{ 
    toggleSettings : { 
     svl : true 
    } 
} 

et action.name est « SVL ». Donc je pense peut-être que le nom d'action est le problème? mais il passe correctement, il ressemble à:

{type: "ADMIN_TOGGLE_SETTING", name: "svl" } 

Tout conseil serait génial. Merci!

Answer 1

méthode updateIn ne peut fonctionne sur la structure de données de immutable.js, donc si Uncaught Error: invalid keyPath émis, il est probable que votre structure de données:

{ 
    svl: true 
} 

est une plaine objet JavaScript au lieu d'une structure de données immutable.js, essayez de le convertir en utilisant Immutable.Map.

Answer 2

comme ceci: (oldValue=action.name)=>!oldValue