microsoft/frontend-bootcamp

mirror of https://github.com/microsoft/frontend-bootcamp.git synced 2026-01-26 14:56:42 +08:00

Files

History

Ken 5b14d792f8 Added exercises

2019-03-02 23:22:09 -08:00

..

Added exercises

2019-03-02 23:22:09 -08:00

index.html

little tweaks, and splitting step 2-6 readme

2019-02-28 22:34:32 -08:00

README.md

Added exercises

2019-03-02 23:22:09 -08:00

README.md

Step 2.6: Redux: React Binding (Exercise)

Lessons | Exercise | Demo

Bind Redux Store with Class Component

Open exercise/src/components/TodoHeader.tsx.
Just like the 2.4 exercise, implement onAdd and onFilter using this.context.dispatch() calls to dispatch actions.

Bind Redux Store with Functional Component

Open exercise/src/components/TodoFooter.tsx.
Follow the instructions in the file to replace the todos const using the useMappedState() hook.
Retrieve the dispatch function with useDispatch() hook.