freeCodeCamp/curriculum/challenges/portuguese/03-front-end-development-libraries/redux/dispatch-an-action-event.md

id, title, challengeType, forumTopicId, dashedName

id	title	challengeType	forumTopicId	dashedName
5a24c314108439a4d403614f	Despachar um evento de ação	6	301442	dispatch-an-action-event

--description--

O método dispatch é o que você usa para enviar ações para a store do Redux. Chamar store.dispatch() e passar o valor retornado de um criador de ação envia uma ação de volta para a store.

Lembre-se de que os criadores de ações retornam um objeto com uma propriedade type que especifica a ação que ocorreu. Em seguida, o método despacha um objeto de ação para a store do Redux. Com base no exemplo do desafio anterior, as linhas a seguir são equivalentes, e ambas enviam a ação do tipo LOGIN:

store.dispatch(actionCreator());
store.dispatch({ type: 'LOGIN' });

--instructions--

A store do Redux no editor de código tem um estado inicializado que contém um objeto que contém a propriedade login atualmente definida como false. Também há um criador de ação chamado loginAction() que retorna uma ação do tipo LOGIN. Despache a ação LOGIN para a store do Redux chamando o método dispatch, e passe na ação criada por loginAction().

--hints--

Chamando a função loginAction deve retornar um objeto com a propriedade type definida para a string LOGIN.

assert(loginAction().type === 'LOGIN');

A store deve ser inicializada com um objeto com a propriedade login definida como false.

assert(store.getState().login === false);

O método store.dispatch() deve ser usado para despachar uma ação do tipo LOGIN.

(getUserInput) =>
  assert(
    (function () {
      let noWhiteSpace = getUserInput('index').replace(/\s/g, '');
      return (
        noWhiteSpace.includes('store.dispatch(loginAction())') ||
        noWhiteSpace.includes("store.dispatch({type: 'LOGIN'})") === true
      );
    })()
  );

--seed--

--seed-contents--

const store = Redux.createStore(
  (state = {login: false}) => state
);

const loginAction = () => {
  return {
    type: 'LOGIN'
  }
};

// Dispatch the action here:

--solutions--

const store = Redux.createStore(
  (state = {login: false}) => state
);

const loginAction = () => {
  return {
    type: 'LOGIN'
  }
};

store.dispatch(loginAction());