2018-09-30 23:01:58 +01:00
---
id: 5a24c314108439a4d403614e
title: Define an Action Creator
challengeType: 6
2019-08-05 09:17:33 -07:00
forumTopicId: 301441
2021-01-13 03:31:00 +01:00
dashedName: define-an-action-creator
2018-09-30 23:01:58 +01:00
---
2020-11-27 19:02:05 +01:00
# --description--
2018-09-30 23:01:58 +01:00
After creating an action, the next step is sending the action to the Redux store so it can update its state. In Redux, you define action creators to accomplish this. An action creator is simply a JavaScript function that returns an action. In other words, action creators create objects that represent action events.
2020-11-27 19:02:05 +01:00
# --instructions--
Define a function named `actionCreator()` that returns the `action` object when called.
2018-09-30 23:01:58 +01:00
2020-11-27 19:02:05 +01:00
# --hints--
2018-09-30 23:01:58 +01:00
2020-11-27 19:02:05 +01:00
The function `actionCreator` should exist.
2018-09-30 23:01:58 +01:00
2020-11-27 19:02:05 +01:00
```js
assert(typeof actionCreator === 'function');
2018-09-30 23:01:58 +01:00
```
2021-02-25 09:19:24 -08:00
Running the `actionCreator` function should return the `action` object.
2018-09-30 23:01:58 +01:00
2020-11-27 19:02:05 +01:00
```js
assert(typeof action === 'object');
```
2018-09-30 23:01:58 +01:00
2021-02-25 09:19:24 -08:00
The returned `action` should have a key property `type` with value `LOGIN` .
2020-11-27 19:02:05 +01:00
```js
assert(action.type === 'LOGIN');
```
# --seed--
## --seed-contents--
2018-09-30 23:01:58 +01:00
2020-07-13 18:58:50 +02:00
```js
2018-09-30 23:01:58 +01:00
const action = {
type: 'LOGIN'
}
// Define an action creator here:
```
2020-11-27 19:02:05 +01:00
# --solutions--
2018-09-30 23:01:58 +01:00
```js
const action = {
type: 'LOGIN'
}
const actionCreator = () => {
return action;
};
```