verhindern, dass Selektoren von untergeordneten Komponenten in redux ausgelöst werden

Question

Wie kann ich verhindern, dass meine untergeordneten Selektoren jedes Mal aktualisiert werden, wenn die Elternkomponente Daten mitbringt?

selectors Verhalten Sinn machen Ich bin nur auf der Suche nach alternativen Ansätze mehr wie einfacher Ansatz dann mit erneut auswählen (nicht erlaubt über redux).

gist

Answer 1

Reselect Selektoren sind memoized, was bedeutet, dass, wenn die params der Selektor die gleichen sind, die sich ergebenden Stützen dasselbe Objekt sind. Auch wenn Sie neu wählen können, können Sie Ihre Wähler leicht durch eine memoization Verfahren implementiert, wie die von Addy Osmani's article memoized:

function memoize(fn) { 
    return function() { 
     var args = Array.prototype.slice.call(arguments), 
      hash = "", 
      i = args.length; 
     currentArg = null; 
     while (i--) { 
      currentArg = args[i]; 
      hash += (currentArg === Object(currentArg)) ? 
      JSON.stringify(currentArg) : currentArg; 
      fn.memoize || (fn.memoize = {}); 
     } 
     return (hash in fn.memoize) ? fn.memoize[hash] : 
     fn.memoize[hash] = fn.apply(this, args); 
    }; 
} 

und dann verwenden, um die Wähler zu schaffen:

const selector = memoize((state) =>({ 
    alerts: selectors.alerts(state) 
}));