Files

56 lines
1.2 KiB
Markdown
Raw Normal View History

2018-10-12 15:37:13 -04:00
---
title: Send Action Data to the Store
---
# Send Action Data to the Store
---
## Hints
2018-10-12 15:37:13 -04:00
### Hint 1
Remember that in Redux, action creator functions return action objects. Objects can hold multiple values. The action object in ```addNoteText``` should contain both type and text variables. Figure out the corresponding value to pass for each of the variables in the object.
2018-10-12 15:37:13 -04:00
### Hint 2
In the ```notesReducer``` function, create a case condition that checks for the ```type``` of action and returns the value of ```text``` from the ```addNoteText``` function.
2018-10-12 15:37:13 -04:00
---
## Solutions
<details><summary>Solution 1 (Click to Show/Hide)</summary>
```javascript
const ADD_NOTE = "ADD_NOTE";
const notesReducer = (state = "Initial State", action) => {
switch (action.type) {
// change code below this line
case ADD_NOTE:
return action.text;
// change code above this line
default:
return state;
}
};
const addNoteText = note => {
// change code below this line
return {
type: ADD_NOTE,
text: note
};
// change code above this line
};
const store = Redux.createStore(notesReducer);
console.log(store.getState());
store.dispatch(addNoteText("Hello!"));
console.log(store.getState());
```
</details>