Estoy creando una aplicación React con Redux y en la función mapDispatchToProps ; estoy usando el patrón a continuación.
const mapDispatchToProps = (dispatch) => { debugger Object.keys(actions).forEach(key => { var functionObj = actions[key]; actions[key] = () => { debugger var zz = Array.prototype.slice.call(arguments); dispatch(functionObj.apply(null,zz)); } }); return actions; }Lo que me está volviendo loco es que el objeto de argumentos es lo que espero que sea (objeto tipo matriz con los parámetros bla bla) excepto cuando lo "uso" de alguna manera. Por "uso" me refiero a:
Asígnelo a algo (como var zz arriba) O páselo a una función. Cuando "uso" el objeto de argumentos, mágicamente se convierte en el módulo Webpack actual en el que me encuentro actualmente.
¿Alguien sabe algo de esto? ¿¿Estoy loco??
Esto se debe al hecho de que las funciones de flecha no proporcionan un objeto de arguments . Por lo tanto, está haciendo referencia a la función contenedora del módulo , que es la función sin flecha más cercana.
Puede solucionar esto utilizando parámetros de descanso en su lugar. ¡Buen paseo! Los parámetros de descanso son una verdadera matriz y no es necesario convertirlos con ninguna tontería de Array#slice() .
A continuación se muestra un ejemplo, donde también utilicé el operador de propagación para evitar la necesidad de usar Function#apply() , ya que this parece necesitar ningún valor especial.
const mapDispatchToProps = (dispatch) => { debugger Object.keys(actions).forEach(key => { var functionObj = actions[key]; actions[key] = (...zz) => { debugger dispatch(functionObj(...zz)); } }); return actions; }