2018-10-12 15:37:13 -04:00
|
|
|
---
|
|
|
|
title: Handle an Action in the Store
|
|
|
|
---
|
2019-07-24 00:59:27 -07:00
|
|
|
# Handle an Action in the Store
|
2018-10-12 15:37:13 -04:00
|
|
|
|
|
|
|
|
2019-07-24 00:59:27 -07:00
|
|
|
---
|
|
|
|
## Solutions
|
2018-10-12 15:37:13 -04:00
|
|
|
|
2019-07-24 00:59:27 -07:00
|
|
|
<details><summary>Solution 1 (Click to Show/Hide)</summary>
|
2018-10-12 15:37:13 -04:00
|
|
|
|
|
|
|
```javascript
|
|
|
|
const defaultState = {
|
|
|
|
login: false
|
|
|
|
};
|
|
|
|
|
|
|
|
const reducer = (state = defaultState, action) => {
|
|
|
|
// change code below this line
|
2019-07-24 00:59:27 -07:00
|
|
|
if (action.type === "LOGIN") {
|
|
|
|
return {
|
|
|
|
login: true
|
|
|
|
};
|
|
|
|
} else {
|
|
|
|
return state;
|
|
|
|
}
|
2018-10-12 15:37:13 -04:00
|
|
|
// change code above this line
|
|
|
|
};
|
|
|
|
|
|
|
|
const store = Redux.createStore(reducer);
|
|
|
|
|
|
|
|
const loginAction = () => {
|
|
|
|
return {
|
2019-07-24 00:59:27 -07:00
|
|
|
type: "LOGIN"
|
|
|
|
};
|
2018-10-12 15:37:13 -04:00
|
|
|
};
|
|
|
|
```
|
2019-07-24 00:59:27 -07:00
|
|
|
</details>
|