Niezrozumiała składnia / działanie kodu

Question

Cześć, zacząłem uczyć się nieco bardziej zaawansowanych technik zarządzania stanem w React. Natrafiłem na niezrozumiałą dla mnie składnie:

  const transitions = {
    [states.empty]: {
      FETCH_IMG: states.isLoading,
    },
    [states.isLoading]: {
      FETCH_IMG_SUCCESS: states.hasLoaded,
      FETCH_IMG_ERROR: states.hasError,
    },
    [states.hasLoaded]: {
      FETCH_IMG: states.isLoading,
    },
    [states.hasError]: {
      FETCH_IMG: states.isLoading,
    },
  };

Nie chodzi mi stricte o działanie całej aplikacji, a o to jakie znaczenie ma użycie wartości w [], np [states.empty]: {}, [states.hasError]: {}. Pierwszy raz widzę coś takiego.

Link do całego kodu

Answer 1

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer#new_notations_in_ecmascript_2015

W skrócie, pozwala po prostu użyć zmiennej jako klucz od razu w literale zamiast pisać

let transitions = {};
transitions[states.empty] = {FETCH_IMG: states.isLoading};
transitions[states.isLoading] = { FETCH_IMG_SUCCESS: states.hasLoaded, FETCH_IMG_ERROR: states.hasError};

 

Comments

Dzięki