58 lines
1.1 KiB
Markdown
58 lines
1.1 KiB
Markdown
---
|
||
id: 5a24c314108439a4d403614e
|
||
title: 定義一個 Action Creator
|
||
challengeType: 6
|
||
forumTopicId: 301441
|
||
dashedName: define-an-action-creator
|
||
---
|
||
|
||
# --description--
|
||
|
||
創建 action 後要將 action 發送到 Redux store，以便它可以更新其狀態。 在 Redux 中，可以定義動作創建器來完成此任務， action creator 只是一個返回動作的 JavaScript 函數。 換句話說，action creator 創建表示動作事件的對象。
|
||
|
||
# --instructions--
|
||
|
||
定義名爲 `actionCreator()` 的函數，該函數在調用時返回 `action` 對象。
|
||
|
||
# --hints--
|
||
|
||
函數 `actionCreator` 應該存在。
|
||
|
||
```js
|
||
assert(typeof actionCreator === 'function');
|
||
```
|
||
|
||
運行 `actionCreator` 函數應返回 `action` 對象。
|
||
|
||
```js
|
||
assert(typeof action === 'object');
|
||
```
|
||
|
||
返回的 `action` 對象應該有一個值爲 `LOGIN` 的 `type` 屬性。
|
||
|
||
```js
|
||
assert(action.type === 'LOGIN');
|
||
```
|
||
|
||
# --seed--
|
||
|
||
## --seed-contents--
|
||
|
||
```js
|
||
const action = {
|
||
type: 'LOGIN'
|
||
}
|
||
// Define an action creator here:
|
||
```
|
||
|
||
# --solutions--
|
||
|
||
```js
|
||
const action = {
|
||
type: 'LOGIN'
|
||
}
|
||
const actionCreator = () => {
|
||
return action;
|
||
};
|
||
```
|